https://github.com/alexruzzarin/styled-reboot
Bootstrap 4 reboot.css for styled-components
https://github.com/alexruzzarin/styled-reboot
bootstrap css react reboot styled-components
Last synced: 12 months ago
JSON representation
Bootstrap 4 reboot.css for styled-components
- Host: GitHub
- URL: https://github.com/alexruzzarin/styled-reboot
- Owner: alexruzzarin
- License: mit
- Created: 2017-10-24T02:33:30.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-06-19T11:14:35.000Z (12 months ago)
- Last Synced: 2025-06-19T12:26:44.347Z (12 months ago)
- Topics: bootstrap, css, react, reboot, styled-components
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/styled-reboot
- Size: 1.06 MB
- Stars: 27
- Watchers: 2
- Forks: 3
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
[](https://circleci.com/gh/alexruzzarin/styled-reboot)
# styled-reboot
Bootstrap 4 reboot.css for styled-components
[reboot.css from Bootstrap v4](https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss) for
[styled-components](https://github.com/styled-components/styled-components).
Also see [styled-reset](https://github.com/zacanger/styled-reset/)
from [Zac Anger](https://github.com/zacanger)
&&
also see [styled-normalize](https://www.npmjs.com/package/styled-normalize)
from [LestaD](https://github.com/LestaD).
--------
## Installation:
`npm i styled-reboot`
## Usage with styled-components v4 or v5:
```javascript
// app.js
import * as React from 'react';
import { Reboot } from 'styled-reboot';
const App = () => (
<>
Hi, I am an app!
>
);
export default App;
```
Or you can create your own global style (Don't forget to create a theme, or extend ours! We provide a few defaults.):
```javascript
// app.js
import React from 'react';
import { createGlobalStyle, ThemeProvider } from 'styled-components';
import { reboot, defaultRebootTheme } from 'styled-reboot';
const GlobalStyle = createGlobalStyle`
${reboot}
/* other styles */
`;
const App = () => (
Hi, I am an app!
};
export default App;
```
## Credits
All credit goes to Bootstrap for reboot.css.
Bootstrap is released under the MIT License.
## License:
[MIT](./LICENSE.md)