Button
Flebee UI exports 2 components:
- BeeButton: The main component to display a button.
- BeeButtonGroup: A wrapper component to display a group of buttons.
Import Button
import { BeeButton } from '@flebee/ui/button';Usage Button
Playground
Settings
Content
Usage Button Icon Only
Playground
Settings
Button Properties
| Properties | Type | Default |
|---|---|---|
| size | sm | md | lg | md |
| variant | primary | secondary | danger | warning | ghost | primary |
| iconOnly | boolean | false |
| fullWidth | boolean | false |
Import Button Group
import { BeeButton, BeeButtonGroup } from '@flebee/ui/button';Usage Button Group
Button Group Properties
| Properties | Type | Default |
|---|---|---|
| size | sm | md | lg | | md |
| variant | primary | secondary | danger | warning | ghost |If the variant is not passed, each button handles its variant | |
| fullWidth | boolean | false |