gosling-theme
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.10 • Public • Published

    Gosling Themes

    Styling themes for Gosling.js visualizations.

    (This repository is under development)

    How To Use

    import { Themes, getTheme } from 'gosling-theme';
    import { GoslingComponent } from 'gosling.js';
    
    <GoslingComponent spec={spec} theme={Themes.dark}>
    
    // or
    
    <GoslingComponent spec={spec} theme={getTheme('dark')}>
    
    // or just
    
    <GoslingComponent spec={spec} theme={'dark'}>
    
    // to customize the style
    
    <GoslingComponent spec={spec} theme={{base: 'dark', axis: { baselineColor: 'green' }}>

    You can find an example html file below \demo.

    Development

    Install Packages

    yarn

    Run Demo

    yarn start

    This opens a webpage based on demo/index.html.

    To test with other themes defined in src/, you need to change the following line of code in demo/index.html:

    {
        theme: goslingTheme.Themes.washu
    }

    Publish Package

    When you patch the version and push the code with tags, GitHub will do the job to publish the latest NPM package:

    yarn version --patch
    git push origin master --tags

    Keywords

    none

    Install

    npm i gosling-theme

    DownloadsWeekly Downloads

    161

    Version

    0.0.10

    License

    MIT

    Unpacked Size

    204 kB

    Total Files

    23

    Last publish

    Collaborators

    • sehilyi