@leafygreen-ui/emotion
    TypeScript icon, indicating that this package has built-in type declarations

    4.0.0 • Public • Published

    Emotion

    npm (scoped)

    Installation

    Yarn

    yarn add @leafygreen-ui/emotion

    NPM

    npm install @leafygreen-ui/emotion

    Server-side Rendering

    Because we use a custom instance of Emotion to allow for styles defined in LeafyGreen to be easily overwritten, there's an additional step that must be taken to use our components when performing server-side rendering.

    We expose three methods as named exports that are also exposed by the base emotion-server package: renderStylesToString, renderStylesToNodeStream, and extractCritical. You can find documentation on usage of each of the methods in the official Emotion documentation.

    NOTE: If you are already server-side rendering an application using Emotion, you will use the methods exposed in @leafygreenui/emotion instead of, NOT in addition to the methods exposed by emotion-server.

    Example

    import { renderToString } from 'react-dom/server';
    import { renderStylesToString } from '@leafygreen-ui/emotion';
    import App from './App';
    
    const html = renderStylesToString(renderToString(<App />));

    Keywords

    none

    Install

    npm i @leafygreen-ui/emotion

    DownloadsWeekly Downloads

    8,779

    Version

    4.0.0

    License

    Apache-2.0

    Unpacked Size

    165 kB

    Total Files

    15

    Last publish

    Collaborators

    • shaneeza
    • hswolff
    • dave.mccarthy
    • thesonofthomp