diff --git a/docs/src/components/FAB/FAB.stories.mdx b/docs/src/components/FAB/FAB.stories.mdx index 1c0050dd..ac447fe5 100644 --- a/docs/src/components/FAB/FAB.stories.mdx +++ b/docs/src/components/FAB/FAB.stories.mdx @@ -17,33 +17,33 @@ import {FAB} from 'dooboo-ui'; ## Props -| | Types | Description | Default | -| -------------- | ------------------------------------------- | ----------- | ------- | -| isActive | `boolean` | | | -| FABItems | `Array` | | | -| onPressFAB | `() => void` | | | -| onPressFABItem | `(item?: Item) => void` | | | -| renderFAB? | `() => ReactElement` | | | -| renderFABItem? | `(item: Item, idx: number) => ReactElement` | | | -| style? | `Styles` | | | -| styles? | `Styles` | | | +| | Types | Description | Default | +| -------------- | ------------------------------------------- | ------------------------------------------ | ------- | +| isActive | `boolean` | | | +| FABItems | `Array` | List of id and iconName form each FABItems | | +| onPressFAB | `() => void` | Press callback for main FAB button | | +| onPressFABItem | `(item?: Item) => void` | Press callback for main FAB button | | +| renderFAB? | `() => ReactElement` | | | +| renderFABItem? | `(item: Item, idx: number) => ReactElement` | | | +| style? | `Styles` | | | +| styles? | `Styles` | Extra Props for FAB styles | | ## FABItem -| | Types | Description | Default | -| ---- | ---------- | ----------- | ------- | -| icon | `IconName` | | | -| id | `string` | | | +| | Types | Description | Default | +| ---- | ---------- | ---------------------------------------------------------------------------------- | ------- | +| icon | `IconName` | | | +| id | `string` | Id for distinguishing from other FABItems that passed from onPressFABItem callback | | ## Styles -| | Types | Description | Default | -| ---------- | ---------------------- | ----------- | ------- | -| FAB? | `StyleProp` | | | -| FABItem? | `StyleProp` | | | -| iconSize? | `number` | | 24 | -| buttonSize | `ButtonSize` | | | -| gap? | `number` | | 20 | +| | Types | Description | Default | +| ---------- | ---------------------- | ----------------------- | ------- | +| FAB? | `StyleProp` | Style for main FAB | | +| FABItem? | `StyleProp` | Style for FABItem | | +| iconSize? | `number` | | 24 | +| buttonSize | `ButtonSize` | | | +| gap? | `number` | Gap between FAB Buttons | 20 | ## Demo