Skip to content

Accordion

Basic Usage

import { Accordion } from "@ronin-nexus/atomic";
 
<Accordion collapsible type="single">
  <Accordion.Item>
    <Accordion.Trigger>Hello</Accordion.Trigger>
    <Accordion.Content>Content</Accordion.Content>
  </Accordion.Item>
</Accordion>;

Accordion Props

Follow the radix component's props Tabs

PropsType
AccordionAccordionProps
Accordion.ItemAccordionItemProps
Accordion.TriggerAccordionTriggerProps & CustomProps
Accordion.ContentAccordionContentProps

CustomProps

headerClass?: string;
isShowIcon?: boolean;
iconSize?: number | string;
iconColor?: string;