diff --git a/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx b/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx index ef6144f..66da043 100644 --- a/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx +++ b/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx @@ -1,11 +1,14 @@ import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks'; import ItemTableAppBar from "./ItemTableAppBar"; +import ItemTableAppBarAction from "../ItemTableAppBarAction"; +import Filter1Icon from '@material-ui/icons/Filter1'; +import Filter2Icon from '@material-ui/icons/Filter2'; - alert("Use the darkmode toggle in the toolbar above.") + }} + > + { args => } + + + +Actions can be added to the ItemTableAppBar by passing an array of [ItemTableAppBarAction](/?path=/docs/components-itemtableappbaraction) components to the `action` prop. They'll be rendered from left to right in the order their passed. + + + alert("You've triggered to the first aciton,")} + icon={} + />, + alert("You've triggered to the second aciton,")} + icon={} + /> + ] }} > { args => }