import {ArgsTable, Meta, Story, Canvas} from '@storybook/addon-docs'; import {StoryVariantTable} from '../../docs/utils'; import PageHeader from 'blocks/PageHeader'; import Flex from '../flex/Flex'; import Text from '../text/Text'; import Headline from '../text/Headline'; import SubjectIcon from '../subject-icons/SubjectIcon'; import CardButton from './CardButton'; CardButtonยง - [Stories](#stories) - [Accessibility](#accessibility) ## Overview (
), ]} > {args => ( Placeholder )} ## Stories ### Variants #### Solid (
), ]} > {args => ( <> DARK Dino LIGHT
Underwater )} #### Outline (
), ]} > {args => ( <> DARK Life Science LIGHT Geo Classes )} ### Indicator position (
), ]} > {args => ( Placeholder )} ### States #### Dark {args => ( default disabled {['outline', 'solid'].map(variant => { return [false, true].map(indicator => { const states = ['default', 'disabled'].map(states => ( {indicator && ( )} Placeholder )); return ( {variant}
{indicator ? 'with indicator' : 'without indicator'}{' '}
{states} ); }); })} )} #### Light (
), ]} > {args => ( default disabled {['outline', 'solid'].map(variant => { return [false, true].map(indicator => { const states = ['default', 'disabled'].map(states => ( {indicator && ( )} Placeholder )); return ( {variant}
{indicator ? 'with indicator' : 'without indicator'}{' '}
{states} ); }); })} )}