Component

Accordion

Collapsible content sections for progressive disclosure.

React4 props

PreviewReact

관련 정보가 한 화면에 모두 필요하지 않을 때 내용을 접어둡니다.

Imports

import { Accordion } from "@hozorica/hods-react/accordion";

Props

PropTypeDescription

value / defaultValuestringControlled and uncontrolled open item.

onValueChange(value) => voidCalled when the open item changes.

collapsiblebooleanAllows closing the currently open item.

valuestringAccordionItem identity.

Platform Support

React

Single-open accordion with optional collapsible behavior.

React Native

Can be mapped to Pressable and View in a future native package.

Usage

<AccordionRoot><AccordionItem value="a"><AccordionTrigger>Title</AccordionTrigger><AccordionContent>Content</AccordionContent></AccordionItem></AccordionRoot>

Notes

Use for related sections that do not need to be visible at once.
Do not hide critical errors or required actions inside accordions.