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
md
[default] fullWidth
disabled
Content
Icon
Usage Button Icon Only
Playground
Recreate
Settings
primary
[default]md
[default] fullWidth
disabled
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 |