@snack-uikit/accordion

Accordion

Installation

npm i @snack-uikit/accordion

Changelog

Example

import { AccordionPrimary } from '@snack-uikit/accordion'

function Example() {

// ...some actions

return (
  <AccordionPrimary >
    <AccordionPrimary.CollapseBlock title={title} description={description} actions={actions}>
      <Content />
    </AccordionPrimary.CollapseBlock>

    <AccordionPrimary.CollapseBlock title={title} description={description} actions={actions}>
      <Content />
    </AccordionPrimary.CollapseBlock>
  </AccordionPrimary>
)}

AccordionPrimary

Props

name	type	default value	description
children*	ReactElement<CollapseBlockProps, string | JSXElementConstructor<any>> | ReactElement<CollapseBlockProps, string | JSXElementConstructor<...>>[]	-	Вложенный контент
className	string	-	CSS-класс
expandedDefault	string | string[]	-	Начальное состояние
expanded	string | string[]	-	Controlled состояние
onExpandedChange	((value: string) => void) | ((value: string[]) => void)	-	Controlled обработчик измения состояния
selectionMode	"single" | "multiple"	-	Режим работы аккордиона

AccordionSecondary

Props

name	type	default value	description
children*	ReactElement<CollapseBlockProps, string | JSXElementConstructor<any>> | ReactElement<CollapseBlockProps, string | JSXElementConstructor<...>>[]	-	Вложенный контент
className	string	-	CSS-класс
expandedDefault	string | string[]	-	Начальное состояние
expanded	string | string[]	-	Controlled состояние
onExpandedChange	((value: string) => void) | ((value: string[]) => void)	-	Controlled обработчик измения состояния
selectionMode	"single" | "multiple"	-	Режим работы аккордиона