0.0.43 • Published 3 months ago
@real-system/popover v0.0.43
Installation
# install peer dependencies
# npm
$ npm install react react-dom @real-system/ariakit-library @real-system/animation-library @real-system/elements-primitive @real-system/button @real-system/styled-library @real-system/flex @real-system/typography @real-system/utils-library
# yarn
$ yarn add react react-dom @real-system/ariakit-library @real-system/animation-library @real-system/elements-primitive @real-system/button @real-system/styled-library @real-system/flex @real-system/typography @real-system/utils-library
# install popover
# npm
$ npm install @real-system/popover
# yarn
$ yarn add @real-system/popover
Code Example
import { Popover } from '@real-system/popover';
/** or import each component
import {
PopoverButton,
PopoverContainer,
PopoverDescription,
PopoverDismiss,
PopoverHeading,
} from '@real-system/popover';
**/
const MyComponent = (args) => {
return (
<Popover.Container placement="auto">
<Popover.Button>Open Popover</Popover.Button>
<Popover hideCloseButton={true}>
<Popover.Heading mb={6}>Meet Popover</Popover.Heading>
<Popover.Description mb={8}>
Hello there. I am a popover! Use me as a non-modal dialog to display
additional rich content above your UI.
</Popover.Description>
<Popover.Dismiss variant="primary">Confirm</Popover.Dismiss>
</Popover>
</Popover.Container>
);
};
export const Default = Template.bind({});
0.0.43
3 months ago
0.0.42
3 months ago
0.0.41
4 months ago
0.0.40
4 months ago
0.0.37
7 months ago
0.0.38
7 months ago
0.0.39
7 months ago
0.0.32
2 years ago
0.0.33
1 year ago
0.0.34
1 year ago
0.0.36
1 year ago
0.0.30
2 years ago
0.0.31
2 years ago
0.0.27
2 years ago
0.0.28
2 years ago
0.0.29
2 years ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.24
2 years ago
0.0.25
2 years ago
0.0.26
2 years ago
0.0.20
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.2
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.1
2 years ago