https://github.com/nteract/styled-blueprintjsx

npm package that wraps Blueprint stylesheets as a styled-component global style to avoid needing a CSS loader
https://github.com/nteract/styled-blueprintjsx

blueprint nteract styled-components

Last synced: 7 days ago
JSON representation

npm package that wraps Blueprint stylesheets as a styled-component global style to avoid needing a CSS loader

• Host: GitHub
• URL: https://github.com/nteract/styled-blueprintjsx
• Owner: nteract
• License: bsd-3-clause
• Created: 2020-03-11T16:48:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T09:45:35.000Z (almost 2 years ago)
• Last Synced: 2024-04-08T17:26:44.445Z (7 months ago)
• Topics: blueprint, nteract, styled-components
• Language: TypeScript
• Size: 674 KB
• Stars: 1
• Watchers: 15
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# styled-blueprintjsx

This package wraps up [Blueprint](https://blueprintjs.com/) styles as a styled-components global style to subvert the need for a CSS loader.

```jsx

import { BlueprintCSS } from "@nteract/styled-blueprintjsx

  

  

```

## Installation

```

npm install --save @nteract/styled-blueprintjsx

```

## Documentation

### With `@blueprintjs/core`

When working with `@blueprintjs/core` components, they need some globally defined (yet scoped) CSS. You can include this on the page with

```jsx

import { BlueprintCSS } from "@nteract/styled-blueprintjsx

  

  

```

### With `@blueprintjs/select`

For `@blueprintjs/select`'s suite of components, you need to include `` from this package.

```jsx

import { BlueprintCSS, BlueprintSelectCSS } from "@nteract/styled-blueprintjsx

  

  

  

```

styled-blueprintjsx makes use of [`createGlobalStyle` from `styled-components`](https://www.styled-components.com/docs/api#createglobalstyle) and so is a React Component you can render anywhere in your app. You can read more about this pattern in the styled-components docs linked above.

## Support

Please post an issue on the [issue tracker](https://github.com/nteract/styled-blueprintjsx/issues).

## License

[BSD-3-Clause](https://choosealicense.com/licenses/bsd-3-clause/)