Accordion
draft

in progress...

icon-storybook-default Open in Storybook
Loading

Code

HTML 

import { NbhdAccordion } from '@fbin-web/neighborhood-core';
<nbhd-accordion> accordion </nbhd-accordion>

React 

import { NbhdAccordion } from '@fbin-web/neighborhood-react';

const App = () => (
  <>
    <NbhdAccordion>accordion</NbhdAccordion>
  </>
);

Properties

Property Attribute Type Default Description
orientation orientation horizontal | vertical vertical The orientation of the accordion.
buttonAlignment buttonAlignment left | center | right The alignment of the accordion buttons.
multipleOpen multipleOpen boolean false Allow multiple accordion pieces to be open at the same time or not.
items items Array Button label information. Values: (ariaLabel, class, disabled, label, type, variant)

Slots

Name Description
data-${index} Data attached to the button.

Dependencies

This component contains the following components as dependencies.