styled-reboot

styled-reboot

Bootstrap 4 reboot.css for styled-components

reboot.css from Bootstrap v4 for styled-components.

Also see styled-reset from Zac Anger && also see styled-normalize from LestaD.

Installation:

npm i styled-reboot

Usage with styled-components v4 or v5:

// app.js
import * as React from 'react';
import { Reboot } from 'styled-reboot';

const App = () => (
  <>
    <Reboot />
    <div>Hi, I'm an app!</div>
  </>
);

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.):

// 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 = () => (
  <ThemeProvider theme={defaultRebootTheme}>
    <GlobalStyle />
    <div>Hi, I'm an app!</div>
  </ThemeProvider>
};

export default App;

Credits

All credit goes to Bootstrap for reboot.css. Bootstrap is released under the MIT License.

License:

MIT

Changelog

5.0.0-beta.1 (2020-08-26)

Features

• styled v5 and replace options by theme (e0c8edc)

BREAKING CHANGES

• remove options and add theme support and defaults