styled-popover-component
The bootstrap popover component made with styled-components.
This is a modular approach to use bootstrap components for quick prototypes, as an entrypoint of your own component library, or if you need just one bootstrap component for your application.
Installation
npm install --save styled-popover-componentnpm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies
Usage
For detailed information take a look at the documentation.
This example uses
styled-button-component
package
import React useState from 'react'; import Button from 'styled-button-component';import Popover PopoverArrow PopoverBody PopoverHeader from 'styled-popover-component'; const SimplePopoverToggle = const hidden setHidden = ; const position setPosition = ; return <div => <Button = = > Click to show popover </Button> <Popover = = > <PopoverArrow /> <PopoverHeader >Popover Title</PopoverHeader> <PopoverBody > And here's some amazing content It's very engaging Right? </PopoverBody> </Popover> </div> );};
Properties
Properties which can be added to the component to change the visual appearance.
hidden
Type: booleanright
Type: booleantop
Type: booleanleft
Type: booleanbottom
Type: booleantransitionProps
Type: object
License
MIT © Lukas Aichbauer