Skip to main content

Accordion

Accordion is a content container for organizing information into expandable sections, like FAQs or grouped settings. Each section has a header that people click or tap to show or hide its content.

Import

import { Accordion } from '@vortexlabs/vortex';
import type { AccordionProps } from '@vortexlabs/vortex';

Other links

Accordion.Root

Accordion.Root props
PropTypeDefaultAttributes
iconSize
union
6
divider
boolean
No default value
gap
number
No default value
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value
type
union
single
value
union
No default value
defaultValue
union
No default value
onChange
callback
No default value

Accordion.Trigger

Accordion.Trigger props
PropTypeDefaultAttributes
size
union
No default value
padding
number
No default value
paddingInline
number
No default value
paddingBlock
number
No default value
children
union
No default value

Accordion.Content

Accordion.Content props
PropTypeDefaultAttributes
children
React.ReactNode
No default value

Accordion.Item

Accordion.Item props
PropTypeDefaultAttributes
value
string
No default value
disabled
boolean
false
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value