🚧 Under development. Read more →
DocumentationDocumentationTemplatesTemplates
GitHubGitHub (opens in a new tab)
  • Getting started
  • Introduction
  • Colors
  • Theming
  • Components
  • Data Display
    • Badge
    • Card
    • Empty State
    • Kbd
    • Separator
    • Snippet
    • Table
  • Disclosure
    • Accordion
    • Collapsible
    • Tabs
  • Feedback
    • Alert
    • Progress
    • Skeleton
    • Spinner
    • Toast
  • Form
    • Label
    • Button
    • Checkbox
    • Choicebox
    • Combobox
    • Form
    • Input
    • OTP Input
    • Radio Group
    • Select
    • Slider
    • Switch
    • Textarea
    • Datatable
  • Media
    • Avatar
    • Aspect Ratio
  • Navigation
    • Breadcrumb
    • Menubar
    • Navigation Menu
    • Pagination
    • Sidebar
    • Stepper
  • Overlay
    • Alert Dialog
    • Context Menu
    • Dialog
    • Drawer
    • Dropdown Menu
    • Hover Card
    • Popover
    • Sheet
    • Tooltip
  • Others
    • Calendar
    • Carousel
    • Command
    • File Uploader
    • File Viewer
    • Tag Picker
    • Scroll Area
    • Address Autocomplete
    • Rich Text Editor

On This Page

  • Dependencies
  • Usage
  • Multiple
  • Orientation
  • Collapsible
  • Disabled Item
  • API Reference
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →
Documentation
Disclosure
Accordion

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Dependencies

  • @radix-ui/react-accordion (opens in a new tab) - Built on top of Accordion Primitive

Usage

Multiple

Orientation

Trigger orientation can be set to horizontal or vertical. This sould be applied to the Accordion component as props.

Collapsible

Disabled Item

API Reference

To see the full API of Accordion component go to Radix Docs (opens in a new tab).

DisclosureCollapsible

Powered byVercel

© 2024 Neon. All rights reserved.