styled-bootstrap
<div align="center"> <img src="https://raw.githubusercontent.com/xDae/styled-bootstrap/master/styled-logo.png" alt="styled-components" title="styled-components" width="120"> </div> # styled-bootstrap > Bootstrap 4 Components for react powered by styled-components [](https://www.npmjs.com/package/styled-bootstrap) [](https://www.npmjs.com/package/styled-bootstrap) [](https://david-dm.org/xDae/styled-bootstrap) [](https://travis-ci.org/xDae/styled-bootstrap) [](https://gitter.im/styled-bootstrap) [](https://github.com/xDae/styled-bootstrap/blob/master/LICENSE) ## 🚀 Installation ``` npm install styled-bootstrap --save ``` ## ⚙️ Usage ⚠️ Work in progress. ## 📦 Components 💻 = Demo - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Alert)] Alert - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Badge)] Barge - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Breadcrumb)] Breadcrumbs - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Buttons)] Button - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Card)] Card - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Collapse)] Collapse - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Dropdown)] Dropdown - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Forms)] Forms - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Headings)] Heading - [ ] Input group - [ ] Jumbotron - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=ListGroup)] List group - [ ] Modal - [ ] Navs - [ ] Navbar - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Pagination)] Pagination - [x] Popovers - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=Progress)] Progress - [ ] Scrollspy - [x] Tooltips - Utilities - [x] [[💻](https://xdae.github.io/styled-bootstrap/storybook?selectedKind=CLoseIcon)] Close icon ## 📖 Support Please [open an issue](https://github.com/xDae/styled-bootstrap/issues/new) for support. ## 🛎 Contributing Please contribute using [Github Flow](https://guides.github.com/introduction/flow/). Create a branch, add commits, and [open a pull request](https://github.com/xDae/styled-bootstrap/compare). ## Backers Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/parcel#backer)] <a href="https://opencollective.com/styled-bootstrap#backers" target="_blank"><img src="https://opencollective.com/styled-bootstrap/backers.svg?width=890"></a> ## Sponsors Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-bootstrap#sponsor)] <a href="https://opencollective.com/styled-bootstrap/sponsor/0/website" target="_blank"><img src="https://opencollective.com/styled-bootstrap/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/styled-bootstrap/sponsor/1/website" target="_blank"><img src="https://opencollective.com/styled-bootstrap/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/styled-bootstrap/sponsor/2/website" target="_blank"><img src="https://opencollective.com/styled-bootstrap/sponsor/2/avatar.svg"></a>