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

Accordion

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"

const AccordionExample = () => {        
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."
    },


]   

return <div style={{width:"400px"}}>
    <Accordion items={items}>
    </Accordion>
</div>

    }