How to use bpk-component-accordion - 2 common examples

To help you get started, we’ve selected a few bpk-component-accordion 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 / AccordionsPage / AccordionsPage.js View on Github external
import accordionsReadme from 'bpk-component-accordion/README.md';
import {
  BpkAccordion,
  BpkAccordionItem,
  withSingleItemAccordionState,
  withAccordionItemState,
} from 'bpk-component-accordion';
import { spacingSm } from 'bpk-tokens/tokens/base.es6';

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

const SingleItemAccordion = withSingleItemAccordionState(BpkAccordion);
const StatefulAccordionItem = withAccordionItemState(BpkAccordionItem);

const CheckboxWrapper = props => (
  <div style="{{">
);

const StopsContent = () =&gt; (
  <form>
    
       null} checked /&gt;
    
    
       null} checked /&gt;
    
    
      </form></div>
github Skyscanner / backpack / packages / bpk-docs / src / pages / AccordionsPage / AccordionsPage.js View on Github external
import BpkCheckbox from 'bpk-component-checkbox';
import accordionsReadme from 'bpk-component-accordion/README.md';
import {
  BpkAccordion,
  BpkAccordionItem,
  withSingleItemAccordionState,
  withAccordionItemState,
} from 'bpk-component-accordion';
import { spacingSm } from 'bpk-tokens/tokens/base.es6';

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

const SingleItemAccordion = withSingleItemAccordionState(BpkAccordion);
const StatefulAccordionItem = withAccordionItemState(BpkAccordionItem);

const CheckboxWrapper = props =&gt; (
  <div style="{{">
);

const StopsContent = () =&gt; (
  <form>
    
       null} checked /&gt;
    
    
       null} checked /&gt;
    
    
      </form></div>

bpk-component-accordion

Backpack accordion component.

Apache-2.0
Latest version published 2 years ago

Package Health Score

67 / 100
Full package analysis

Similar packages