2.1.0 • Published 4 years ago
@nteract/styled-blueprintjsx v2.1.0
styled-blueprintjsx
This package wraps up Blueprint styles as a styled-components global style to subvert the need for a CSS loader.
import { BlueprintCSS } from "@nteract/styled-blueprintjsx
<React.Fragment>
<SuperCoolComponent />
<BlueprintCSS />
</React.Fragment>
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
import { BlueprintCSS } from "@nteract/styled-blueprintjsx
<React.Fragment>
<SuperCoolComponent />
<BlueprintCSS />
</React.Fragment>
With @blueprintjs/select
For @blueprintjs/select
's suite of components, you need to include <BlueprintSelectCSS />
from this package.
import { BlueprintCSS, BlueprintSelectCSS } from "@nteract/styled-blueprintjsx
<React.Fragment>
<SuperCoolComponent />
<BlueprintCSS />
<BlueprintSelectCSS />
</React.Fragment>
styled-blueprintjsx makes use of createGlobalStyle
from styled-components
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.
License
2.1.0
4 years ago
2.0.2
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.1.5-alpha.0
5 years ago
1.1.4-alpha.0
5 years ago
1.1.3-alpha.0
5 years ago
1.1.1
6 years ago
1.1.0
6 years ago