Package Exports

styled-base-components

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (styled-base-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

styled-base-components

The bootstrap base components made with styled-components.

Documentation
Why?
Installation
Usage
Properties
Related
License

Why?

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. To work with ease with any other libary or framework this component is build with styled-components.

Installation

$ npm i styled-base-components -S

$ yarn add styled-base-components

Usage

This are just pre-styled html elements to work with the bootstrap layout. They use the styles from bootstrap.

/*
  if you installed `styled-bootstrap-components` use

    import { ... } from 'styled-bootstrap-components'

  instead.
*/
import {
  A,
  Abbr,
  Address,
  Article,
  Aside,
  B,
  Blockquote,
  Button,
  Caption,
  Code,
  Dd,
  Dfn,
  Dialog,
  Dl,
  Dt,
  Fieldset,
  Figcaption,
  Figure,
  Footer,
  H1,
  H2,
  H3,
  H4,
  H5,
  H6,
  Header,
  Hgroup,
  Hr,
  Img,
  Input,
  Kbd,
  Label,
  Main,
  Nav,
  Ol,
  Optgroup,
  Output,
  P,
  Pre,
  Progress,
  Samp,
  Section,
  Select,
  Small,
  Strong,
  Sub,
  Summary,
  Sup,
  Svg,
  Table,
  Textarea,
  Th,
  Ul,
} from 'styled-base-components';

const MyComponent = (props) => (
  {/* use the base components */}
);

Properties

This components do not have any specific props, they are just pre-styled html elements to work with the bootstrap layout. They use the styles from bootstrap.