Edit distribution lists via story settings menu
This commit is contained in:
parent
9986d10947
commit
e321e1fea8
42 changed files with 2403 additions and 102 deletions
|
@ -23,7 +23,9 @@ const LOREM_IPSUM =
|
|||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.';
|
||||
|
||||
export const BareBonesShort = (): JSX.Element => (
|
||||
<Modal i18n={i18n}>Hello world!</Modal>
|
||||
<Modal i18n={i18n} useFocusTrap={false}>
|
||||
Hello world!
|
||||
</Modal>
|
||||
);
|
||||
|
||||
BareBonesShort.story = {
|
||||
|
@ -31,7 +33,7 @@ BareBonesShort.story = {
|
|||
};
|
||||
|
||||
export const BareBonesLong = (): JSX.Element => (
|
||||
<Modal i18n={i18n}>
|
||||
<Modal i18n={i18n} useFocusTrap={false}>
|
||||
<p>{LOREM_IPSUM}</p>
|
||||
<p>{LOREM_IPSUM}</p>
|
||||
<p>{LOREM_IPSUM}</p>
|
||||
|
@ -96,7 +98,7 @@ LotsOfButtonsInTheFooter.story = {
|
|||
};
|
||||
|
||||
export const LongBodyWithTitle = (): JSX.Element => (
|
||||
<Modal i18n={i18n} title="Hello world" onClose={onClose}>
|
||||
<Modal i18n={i18n} title="Hello world" onClose={onClose} useFocusTrap={false}>
|
||||
<p>{LOREM_IPSUM}</p>
|
||||
<p>{LOREM_IPSUM}</p>
|
||||
<p>{LOREM_IPSUM}</p>
|
||||
|
@ -195,3 +197,19 @@ export const StickyFooterLotsOfButtons = (): JSX.Element => (
|
|||
StickyFooterLotsOfButtons.story = {
|
||||
name: 'Sticky footer, Lots of buttons',
|
||||
};
|
||||
|
||||
export const WithBackButton = (): JSX.Element => (
|
||||
<Modal
|
||||
hasXButton
|
||||
i18n={i18n}
|
||||
onBackButtonClick={noop}
|
||||
useFocusTrap={false}
|
||||
title="The Modal Title"
|
||||
>
|
||||
Hello world!
|
||||
</Modal>
|
||||
);
|
||||
|
||||
WithBackButton.story = {
|
||||
name: 'Back Button',
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue