@@ -26,42 +26,6 @@ Be sure to run a new build after adding plugins to avoid any issues.
2626### Usage
2727
2828
29- ## Plain NativeScript
30-
31- <span style =" color :red " >IMPORTANT: </span >_ Make sure you include ` xmlns:mdf="@nativescript-community/ui-material-speeddial" ` on the Page element_
32-
33- ### XML
34-
35- ``` XML
36- <Page xmlns : mdf =" @nativescript-community/ui-material-speeddial" >
37- <StackLayout horizontalAlignment =" center" >
38- <mdf : speeddial src =" res://ic_action_add" />
39- <mdf : speeddial elevation =" 5" src =" res://ic_action_add" />
40- </StackLayout >
41- </Page >
42- ```
43-
44- ### CSS
45-
46- ``` CSS
47- mdcspeeddial {
48- ripple-color : blue ;
49- elevation : 4 ;
50- }
51- ```
52-
53- ## NativeScript + Angular
54-
55- ``` typescript
56- import { registerElement } from ' @nativescript/angular/element-registry' ;
57- import { speeddial } from ' @nativescript-community/ui-material-speeddial' ;
58- registerElement (' MDspeeddial' , () => speeddial );
59- ```
60-
61- ``` html
62- <MDspeeddial rippleColor =" blue" src =" res://ic_action_add" ></MDspeeddial >
63- ```
64-
6529## NativeScript + Vue
6630
6731``` javascript
@@ -72,23 +36,10 @@ Vue.use(speeddialPlugin);
7236```
7337
7438``` html
75- <MDspeeddial rippleColor =" blue" src =" res://ic_action_add" />
39+ <MDSpeedDial buttonFontSize =" 26" text =" mdi-one-up" buttonClass =" mdi" buttonBackgroundColor =" yellow" @tap =" onTap" >
40+ <MDSpeedDialItem icon =" res://ic_action_add" title =" test1" backgroundColor =" red" @tap =" onTap" />
41+ <MDSpeedDialItem text =" mdi-card-account-mail" title =" test2" buttonClass =" mdi" backgroundColor =" green" @tap =" onTap" />
42+ <MDSpeedDialItem backgroundImage =" ~/images/iu.jpg" backgroundColor =" blue" @tap =" onTap" />
43+ <MDSpeedDialItem icon =" res://ic_action_add" title =" test4" backgroundColor =" orange" @tap =" onTap" />
44+ </MDSpeedDial >
7645```
77-
78- ## Attributes
79-
80- Inherite from Nativescript [ Button] ( https://docs.nativescript.org/ui/ns-ui-widgets/button ) so it already has all the same attributes
81-
82- ## Attributes
83-
84- * ** src** _ optional_
85-
86- An attribute to set the speeddial icon. For now FAB only support images as icon
87-
88- * ** elevation** _ optional_
89-
90- An attribute to set the elevation of the speeddial. This will increase the 'drop-shadow' of the speeddial.
91-
92- * ** rippleColor** _ optional_
93-
94- An attribute to set the ripple color of the speeddial.
0 commit comments