Rad UI is still under active development. You are free to use it in your projects, but expect breaking changes. If you'd like to contribute to Rad UI, please check out Getting Started

Accordions are used to toggle the visibility of content. They are used in the sidebar, and in the chat.


import Accordion from "@radui/ui/Accordion";

let items = [
  {
    title: "React",
    content: "React is a JavaScript library for building user interfaces."
  },
  {
    title: "Angular",
    content: "Angular is a platform and framework for building single-page client applications using HTML and TypeScript."
  },
  {
    title: "Vue",
    content: "Vue.js is a progressive framework for building user interfaces."
  }
]   

export const AccordionExample = () => ( 
  <div style={{ width: "400px" }}>
    <Accordion items={items} />
  </div>
)