Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

Commit

Permalink
Fix lint again
Browse files Browse the repository at this point in the history
  • Loading branch information
sycombs committed Apr 2, 2024
1 parent 9e561b5 commit 5934a94
Showing 1 changed file with 48 additions and 50 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -7,55 +7,53 @@ import styles from './IconSplitButton.module.scss';

const cx = classNames.bind(styles);

const Example = () => {
return (
<>
<SplitButton
primaryOptionLabel="Reply"
icon={<IconFeaturedOutlineYellow />}
onSelect={() => {}}
buttonAttrs={{
'aria-label': 'icon split',
}}
className={cx('icon-button')}
>
<Item label="Reply All" onSelect={() => setMessage('Reply All clicked')} />
<Item label="Forward" onSelect={() => {}} />
<Item label="Reply in 10 minutes" onSelect={() => {}} />
<Item label="Selective Reply" onSelect={() => {}} />
</SplitButton>
<SplitButton
primaryOptionLabel="Reply"
icon={<IconFeaturedOutlineYellow />}
isReversed
onSelect={() => {}}
buttonAttrs={{
'aria-label': 'reverse icon split',
}}
className={cx('icon-button')}
>
<Item label="Reply All" onSelect={() => {}} />
<Item label="Forward" onSelect={() => {}} />
<Item label="Reply in 10 minutes" onSelect={() => {}} />
<Item label="Selective Reply" onSelect={() => {}} />
</SplitButton>
<SplitButton
primaryOptionLabel="Reply"
icon={<IconFeaturedOutlineYellow />}
isIconOnly
onSelect={() => {}}
buttonAttrs={{
'aria-label': 'icon only split',
}}
className={cx('icon-button')}
>
<Item label="Reply All" onSelect={() => {}} />
<Item label="Forward" onSelect={() => {}} />
<Item label="Reply in 10 minutes" onSelect={() => {}} />
<Item label="Selective Reply" onSelect={() => {}} />
</SplitButton>
</>
);
};
const Example = () => (
<>
<SplitButton
primaryOptionLabel="Reply"
icon={<IconFeaturedOutlineYellow />}
onSelect={() => {}}
buttonAttrs={{
'aria-label': 'icon split',
}}
className={cx('icon-button')}
>
<Item label="Reply All" onSelect={() => {}} />
<Item label="Forward" onSelect={() => {}} />
<Item label="Reply in 10 minutes" onSelect={() => {}} />
<Item label="Selective Reply" onSelect={() => {}} />
</SplitButton>
<SplitButton
primaryOptionLabel="Reply"
icon={<IconFeaturedOutlineYellow />}
isReversed
onSelect={() => {}}
buttonAttrs={{
'aria-label': 'reverse icon split',
}}
className={cx('icon-button')}
>
<Item label="Reply All" onSelect={() => {}} />
<Item label="Forward" onSelect={() => {}} />
<Item label="Reply in 10 minutes" onSelect={() => {}} />
<Item label="Selective Reply" onSelect={() => {}} />
</SplitButton>
<SplitButton
primaryOptionLabel="Reply"
icon={<IconFeaturedOutlineYellow />}
isIconOnly
onSelect={() => {}}
buttonAttrs={{
'aria-label': 'icon only split',
}}
className={cx('icon-button')}
>
<Item label="Reply All" onSelect={() => {}} />
<Item label="Forward" onSelect={() => {}} />
<Item label="Reply in 10 minutes" onSelect={() => {}} />
<Item label="Selective Reply" onSelect={() => {}} />
</SplitButton>
</>
);

export default Example;

0 comments on commit 5934a94

Please sign in to comment.