The bootstrap table component created with styled-components
npm install styled-table-component
> The bootstrap table 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.
``sh`
npm install --save styled-table-component
npm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies
For detailed information take a look at the documentation.
`jsx
import React from 'react';
import { Table, Tr } from 'styled-table-component';
const MyTable = (props) => (
| Color | Content |
|---|---|
| Active | Content |
| Primary | Content |
| Secondary | Content |
| Success | Content |
| Danger | Content |
| Warning | Content |
| Info | Content |
| Light | Content |
| Dark | Content |
Properties
Properties which can be added to the component to change the visual appearance.
*
only on Table Type: boolean
* theadDark only on Table Type: boolean
* theadLight only on Table Type: boolean
* striped only on Table Type: boolean
* bordered only on Table Type: boolean
* sm only on Table Type: boolean
* responsive only on Table Type: boolean
* responsiveSm only on Table Type: boolean
* responsiveMd only on Table Type: boolean
* responsiveLg only on Table Type: boolean
* responsiveXl only on Table Type: boolean
* hover Type: boolean
* primary only on Tr Type: boolean
* secondary only on Tr Type: boolean
* success only on Tr Type: boolean
* info only on Tr Type: boolean
* danger only on Tr Type: boolean
* warning only on Tr Type: boolean
* light only on Tr Type: boolean
* dark only on Tr Type: boolean
* active` only on Tr Type: booleanMIT © Lukas Aichbauer