FloatButton
A circular action button fixed to the bottom-right corner of the page by default, for quick actions like "New" and "Feedback"; supports a badge and a custom icon.
The demos add
style="position: static"to avoid fixed positioning affecting the page layout; in real use it is fixed to the bottom-right by default.
Basic usage
With badge
Example
Without badge
Without badge
Example
Custom icon
Custom icon
Example
Event feedback
Click event
Example
API
Attributes
| Attribute | Description | Type | Default |
|---|---|---|---|
badge | Badge number at the top-right corner | string | — |
Events
| Event | Description |
|---|---|
oas-click | Clicked, detail: { originalEvent } |
Slots
| Name | Description |
|---|---|
icon | — |
Slots: icon (default ＋). The default position is position: fixed; bottom/right, overridable via host element styles.