mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
ecc2c55370
* docs(all): possible values are extracted by stencil * add defaults * remove all hardcoded defaults * update stencil
ion-fab
Fabs are container elements that contain one or more fab buttons. They should be placed in a fixed position that does not scroll with the content. Fab should have one main fab-button. Fabs can also contain fab-lists which contain related buttons that show when the main fab button is clicked. The same fab container can contain several fab-list elements with different side values.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
activated |
activated |
If true, both the ion-fab-button and all ion-fab-list inside ion-fab will become active. That means ion-fab-button will become a close icon and ion-fab-list will become visible. |
boolean |
false |
edge |
edge |
If true, the fab will display on the edge of the header if vertical is "top", and on the edge of the footer if it is "bottom". Should be used with a fixed slot. |
boolean |
false |
horizontal |
horizontal |
Where to align the fab horizontally in the viewport. | "center" | "end" | "start" | undefined |
undefined |
vertical |
vertical |
Where to align the fab vertically in the viewport. | "bottom" | "center" | "top" | undefined |
undefined |
Methods
close() => void
Close an active FAB list container
Returns
Type: void
Built with StencilJS