npm

Share private packages across your team with npm Orgs, now with simplified billing via the aws marketplace!Learn more »

@nteract/styled-blueprintjsx

2.0.2 • Public • Published

styled-blueprintjsx

Packages 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 blueprint JSX makes use of createGlobalStyle from styled-components and so is a React Component you can render anywhere in your app. You can read more in the styled-components docs if

Support

Please post an issue on the nteract monorepo issue tracker.

License

install

npm i @nteract/styled-blueprintjsx

Downloadsweekly downloads

6,658

version

2.0.2

license

BSD-3-Clause

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability