@snack-uikit/accordion NPM | npm.io

0.11.2 • Published 1 month ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

1 month ago

Accordion

Installation

npm i @snack-uikit/accordion

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"	-	Режим работы аккордиона

@snack-uikit/button @snack-uikit/icons @snack-uikit/toggles @snack-uikit/tooltip @snack-uikit/truncate-string @snack-uikit/typography @snack-uikit/utils classnames lodash.debounce

@everything-registry/sub-chunk-847

0.9.10-preview-bb2cdfb8.0

6 months ago

0.10.5-preview-704e8703.0

5 months ago

0.10.16-preview-0827e37e.0

4 months ago

0.10.6-preview-74c13173.0

5 months ago

0.9.10-preview-a2f98ef7.0

6 months ago

0.9.6-preview-4d81b82b.0

7 months ago

0.10.3-preview-985e2518.0

5 months ago

0.11.3-preview-69fcfa33.0

1 month ago

0.10.11-preview-b0b25986.0

4 months ago

7 months ago

0.11.2-preview-cf198ddd.0

2 months ago

7 months ago

0.9.6-preview-042f5ed6.0

7 months ago

0.10.2-preview-08c7f775.0

6 months ago

7 months ago

8 months ago

8 months ago

7 months ago

8 months ago

0.9.6-preview-baf754b1.0

7 months ago

4 months ago

0.11.3-preview-aba585d4.0

1 month ago

6 months ago

5 months ago

5 months ago

5 months ago

0.10.2-preview-913f1101.0

6 months ago

5 months ago

4 months ago

4 months ago

4 months ago

0.11.3-preview-2df7e7b5.0

2 months ago

0.10.6-preview-b5e187d5.0

5 months ago

6 months ago

0.11.1-preview-ef227a87.0

3 months ago

0.10.6-preview-a2a64ca4.0

5 months ago

0.9.10-preview-38cf19d9.0

6 months ago

0.10.5-preview-d9538faf.0

5 months ago

0.10.10-preview-27ae78ba.0

4 months ago

0.11.1-preview-8cf89a18.0

3 months ago

0.10.10-preview-9cd1b89a.0

4 months ago

0.9.8-preview-95f36d41.0

7 months ago

0.10.6-preview-f7ec3fa7.0

5 months ago

0.10.9-preview-bc9ca5dd.0

4 months ago

6 months ago

0.10.10-preview-0d45398a.0

4 months ago

0.10.6-preview-f228eb9d.0

5 months ago

0.10.10-preview-04b740ca.0

4 months ago

0.10.6-preview-abb5f7dc.0

4 months ago

0.10.12-preview-6a400eba.0

4 months ago

4 months ago

4 months ago

2 months ago

4 months ago

2 months ago

4 months ago

4 months ago

4 months ago

4 months ago

0.9.6-preview-53bd8747.0

7 months ago

0.11.3-preview-e4e8fc7b.0

1 month ago

0.9.6-preview-7eeb1bc1.0

7 months ago

0.9.6-preview-20b0f520.0

7 months ago

8 months ago

0.11.3-preview-050dc1ef.0

1 month ago

0.10.6-preview-d479ae3f.0

4 months ago

0.9.3-preview-9a7f316b.0

8 months ago

0.11.3-preview-9998cc23.0

1 month ago

0.9.6-preview-379c4ff3.0

7 months ago

0.9.2-preview-1becd961.0

8 months ago

0.10.6-preview-e840ab81.0

5 months ago

0.11.1-preview-3a05e8da.0

3 months ago

0.10.7-preview-3566ac3d.0

4 months ago

0.11.2-preview-845a4e8b.0

2 months ago

0.10.6-preview-922d2ce6.0

5 months ago

0.10.15-preview-790689b4.0

4 months ago

0.11.2-preview-2f8a726b.0

2 months ago

0.10.10-preview-a0074739.0

4 months ago

0.9.2-preview-eda282a2.0

9 months ago

0.9.2-preview-3e824eee.0

9 months ago

0.9.2-preview-d1a63029.0

9 months ago

0.9.2-preview-2e497be2.0

9 months ago

0.7.19-preview-71543426.0

9 months ago

9 months ago

9 months ago

0.7.19-preview-ba12ca94.0

9 months ago

9 months ago

0.7.19-preview-e5174ad1.0

9 months ago

0.7.19-preview-efee0b7d.0

9 months ago

0.7.19-preview-fc25f08d.0

9 months ago

0.7.19-preview-7adaddbe.0

9 months ago

0.7.19-preview-1f246c4a.0

9 months ago

0.7.19-preview-c9b51578.0

9 months ago

0.7.19-preview-d96c83e8.0

9 months ago

0.7.19-preview-3f66d646.0

9 months ago

10 months ago

0.7.17-preview-e9b53c27.0

10 months ago

10 months ago

0.7.16-preview-94780dcd.0

10 months ago

0.7.12-preview-3201b907.0

11 months ago

0.7.6-preview-47f53a8c.0

1 year ago

0.7.9-preview-d4831186.0

1 year ago

0.7.6-preview-b7b8cddc.0

1 year ago

0.7.6-preview-6ec2d237.0

1 year ago

0.7.10-preview-b09d21bf.0

12 months ago

0.7.4-preview-c6cf83f0.0

1 year ago

0.7.8-preview-a66ce7a9.0

1 year ago

1 year ago

1 year ago

1 year ago

0.7.2-preview-a5a79952.0

1 year ago

0.7.12-preview-8898cdde.0

11 months ago

12 months ago

12 months ago

1 year ago

11 months ago

11 months ago

0.7.4-preview-0df2fefa.0

1 year ago

0.7.2-preview-529bd544.0

1 year ago

1 year ago

1 year ago

0.7.2-preview-c6c36361.0

1 year ago

1 year ago

1 year ago

10 months ago

0.7.15-preview-963c3343.0

10 months ago

11 months ago

10 months ago

0.7.8-preview-1a5a24ad.0

1 year ago

0.7.2-preview-d74371e8.0

1 year ago

0.7.8-preview-767c086a.0

1 year ago

0.7.14-preview-31958b7e.0

11 months ago

0.7.2-preview-41627947.0

1 year ago

0.7.1-preview-8bb3334c.0

1 year ago

1 year ago

1 year ago

0.6.7-preview-cb79db34.0

1 year ago

0.6.7-preview-7a18c2ee.0

1 year ago

0.6.7-preview-08779a44.0

1 year ago

0.6.7-preview-5b75040d.0

1 year ago

0.6.7-preview-69abc1d3.0

1 year ago

0.6.7-preview-80576138.0

1 year ago

0.6.7-preview-0a44b2fc.0

1 year ago

0.6.7-preview-2855fb42.0

1 year ago

1 year ago

0.6.6-preview-ed4b1f94.0

1 year ago

1 year ago

0.6.5-preview-1fcf96b1.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.6.1-preview-84a92753.0

1 year ago

0.6.1-preview-2484f987.0

1 year ago

0.6.1-preview-778a0ef6.0

1 year ago

1 year ago

1 year ago

0.5.10-preview-3cdd8d31.0

1 year ago

0.5.9-preview-993a9cfb.0

1 year ago

1 year ago

1 year ago

0.5.6-preview-3f90b7f1.0

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

0.5.3-preview-00fa1de0.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.3.4-preview-85c5f47b.0

2 years ago