ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-05-31 14:11:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

Change prettier rules

Browse Source
This commit is contained in:
ErickSkrauch
2020-05-24 02:08:24 +03:00
parent 73f0c37a6a
commit f85b9d8d35
382 changed files with 24137 additions and 26046 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
packages/app/components/ui/form/Button.story.tsx
View File

@@ -4,50 +4,40 @@ import { storiesOf } from '@storybook/react';
import Button from './Button';
storiesOf('UI/Form', module).add('Button', () => (
<>
<div>
<Button label="Green Button" />{' '}
<Button label="Blue Button" color="blue" />{' '}
<Button label="DarkBlue Button" color="darkBlue" />{' '}
<Button label="Violet Button" color="violet" />{' '}
<Button label="LightViolet Button" color="lightViolet" />{' '}
<Button label="Orange Button" color="orange" />{' '}
<Button label="Red Button" color="red" />{' '}
<Button label="Black Button" color="black" />{' '}
<Button label="White Button" color="white" />
</div>
<div>
<h2>Disabled buttons</h2>
<Button disabled label="Green Button" />{' '}
<Button disabled label="Blue Button" color="blue" />{' '}
<Button disabled label="DarkBlue Button" color="darkBlue" />{' '}
<Button disabled label="Violet Button" color="violet" />{' '}
<Button disabled label="LightViolet Button" color="lightViolet" />{' '}
<Button disabled label="Orange Button" color="orange" />{' '}
<Button disabled label="Red Button" color="red" />{' '}
<Button disabled label="Black Button" color="black" />{' '}
<Button disabled label="White Button" color="white" />
</div>
<div>
<h2>Button sizes</h2>
<Button label="Default button" /> <Button label="Small button" small />{' '}
<br />
<br />
<Button label="Block button" block />
<br />
<Button label="Small block button" small block />
</div>
<div>
<h2>Loading button</h2>
<Button loading label="Green Button" />{' '}
<Button loading label="Blue Button" color="blue" />{' '}
<Button loading label="DarkBlue Button" color="darkBlue" />{' '}
<Button loading label="Violet Button" color="violet" />{' '}
<Button loading label="LightViolet Button" color="lightViolet" />{' '}
<Button loading label="Orange Button" color="orange" />{' '}
<Button loading label="Red Button" color="red" />{' '}
<Button loading label="Black Button" color="black" />{' '}
<Button loading label="White Button" color="white" />
</div>
</>
<>
<div>
<Button label="Green Button" /> <Button label="Blue Button" color="blue" />{' '}
<Button label="DarkBlue Button" color="darkBlue" /> <Button label="Violet Button" color="violet" />{' '}
<Button label="LightViolet Button" color="lightViolet" /> <Button label="Orange Button" color="orange" />{' '}
<Button label="Red Button" color="red" /> <Button label="Black Button" color="black" />{' '}
<Button label="White Button" color="white" />
</div>
<div>
<h2>Disabled buttons</h2>
<Button disabled label="Green Button" /> <Button disabled label="Blue Button" color="blue" />{' '}
<Button disabled label="DarkBlue Button" color="darkBlue" />{' '}
<Button disabled label="Violet Button" color="violet" />{' '}
<Button disabled label="LightViolet Button" color="lightViolet" />{' '}
<Button disabled label="Orange Button" color="orange" /> <Button disabled label="Red Button" color="red" />{' '}
<Button disabled label="Black Button" color="black" />{' '}
<Button disabled label="White Button" color="white" />
</div>
<div>
<h2>Button sizes</h2>
<Button label="Default button" /> <Button label="Small button" small /> <br />
<br />
<Button label="Block button" block />
<br />
<Button label="Small block button" small block />
</div>
<div>
<h2>Loading button</h2>
<Button loading label="Green Button" /> <Button loading label="Blue Button" color="blue" />{' '}
<Button loading label="DarkBlue Button" color="darkBlue" />{' '}
<Button loading label="Violet Button" color="violet" />{' '}
<Button loading label="LightViolet Button" color="lightViolet" />{' '}
<Button loading label="Orange Button" color="orange" /> <Button loading label="Red Button" color="red" />{' '}
<Button loading label="Black Button" color="black" /> <Button loading label="White Button" color="white" />
</div>
</>
));