How to use the bpk-component-barchart/hocs.withSelectedState function in bpk-component-barchart

To help you get started, we’ve selected a few bpk-component-barchart examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Skyscanner / backpack / packages / bpk-docs / src / pages / BarchartsPage / BarchartsPage.js View on Github external
import BpkLink from 'bpk-component-link';
import BpkBarchart from 'bpk-component-barchart';
import { onePixelRem } from 'bpk-tokens/tokens/base.es6';
import { withSelectedState } from 'bpk-component-barchart/hocs';
import barchartReadme from 'bpk-component-barchart/';
import { updateOnDirectionChange } from 'bpk-component-rtl-toggle';
import data from 'bpk-component-barchart/data.json';

import DocsPageBuilder from '../../components/DocsPageBuilder';
import DocsPageWrapper from '../../components/DocsPageWrapper';
import Paragraph from '../../components/Paragraph';
import IntroBlurb from '../../components/IntroBlurb';
import Code from '../../components/Code';

const EnhancedBarchart = updateOnDirectionChange(BpkBarchart);
const InteractiveBarchart = withSelectedState(EnhancedBarchart);

const components = [
    id: 'default',
    title: 'Default',
    blurb: [
      By default, bar charts come with axis labels.,
    examples: [


Backpack bar chart component.

Latest version published 12 months ago

Package Health Score

81 / 100
Full package analysis

Similar packages