roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 01:59:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update prettier tab width for consistency

Browse source
This commit is contained in:
41666 2021-03-13 22:49:01 -05:00
parent a931f8c69c
commit 9b71a24e2d
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

48
packages/design-system/atoms/popover/Popover.stories.tsx
View file

@ -3,32 +3,32 @@ import * as React from 'react';
import { Popover as PopoverComponent } from './Popover';
export default {
title: 'Atoms/Popover',
argTypes: {
canDefocus: { control: 'boolean' },
},
args: {
canDefocus: true,
},
title: 'Atoms/Popover',
argTypes: {
canDefocus: { control: 'boolean' },
},
args: {
canDefocus: true,
},
};
export const Popover = ({ canDefocus }) => {
const [isOpen, setIsOpen] = React.useState(false);
const [isOpen, setIsOpen] = React.useState(false);
return (
<div style={{ padding: 50 }}>
<Button size="small" onClick={() => setIsOpen(!isOpen)}>
{!isOpen ? 'Open' : 'Close'} me!
</Button>
<PopoverComponent
position="top right"
active={isOpen}
onExit={() => setIsOpen(false)}
canDefocus={canDefocus}
headContent={<>Hello c:</>}
>
stuff
</PopoverComponent>
</div>
);
return (
<div style={{ padding: 50 }}>
<Button size="small" onClick={() => setIsOpen(!isOpen)}>
{!isOpen ? 'Open' : 'Close'} me!
</Button>
<PopoverComponent
position="top right"
active={isOpen}
onExit={() => setIsOpen(false)}
canDefocus={canDefocus}
headContent={<>Hello c:</>}
>
stuff
</PopoverComponent>
</div>
);
};