styled-dropdown-component
The bootstrap dropdown 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
Note: this component has a peer dependency on
styled-components
> v4. To use this component you also need tonpm i styled-components -S
.
npm install --save styled-dropdown-componentnpm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies
Usage
For detailed information take a look at the documentation.
import React useState from 'react'; import Button from 'styled-button-component';import Dropdown DropdownItem DropdownMenu from 'styled-dropdown-component'; const SimpleDropdown = const hidden setHidden = ; return <Dropdown> <Button => Dropdown Button </Button> <DropdownMenu = => <DropdownItem>Action</DropdownItem> <DropdownItem>Another action</DropdownItem> <DropdownDivider /> <DropdownItem>Action after divider</DropdownItem> </DropdownMenu> </Dropdown> ;
Properties
Properties which can be added to the component to change the visual appearance.
active
only on DropdownItem Type: booleanhidden
only on DropdownMenu Type: booleannoRadius
only on DropdownMenu Type: booleanright
only on DropdownMenu Type: booleanfullWidth
only on DropdownMenu Type: booleantoggle
only on DropdownMenu Type: boolean
License
MIT © Lukas Aichbauer