styled-card-component
The bootstrap card 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-card-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 Card CardBody CardFooter CardHeader CardImageHeader CardText CardTitle from 'styled-card-component'; const MyCardWithImageHeaderComponent = props <Card> <CardImageHeader ="my/image/source.jpg" /> <CardBody> <CardText> Card Text </CardText> <CardFooter> Card Footer </CardFooter> </CardBody> </Card>;
Properties
Properties which can be added to the component to change the visual appearance.
noRadius
only on Card, CardHeader, CardImageHeader, CardFooter Type: booleanh1
only on CardTitle Type: booleanh2
only on CardTitle Type: booleanh3
only on CardTitle Type: booleanh4
only on CardTitle Type: booleanh5
only on CardTitle Type: booleanh6
only on CardTitle Type: boolean
License
MIT © Lukas Aichbauer