shadimage
rescript-shadcn
exampleAccordionDisabledsource: ok · hit

AccordionDisabled

npx shadcn add "https://rescript-shadcn.miriad.studio/r/AccordionDisabled.json"
free

Interaction

accordion

Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light

Registry dependencies

@rescript-shadcn/Accordion@rescript-shadcn/Demo

Files1 · source cached 10/14/2026, 4:53:43 PM

registry/base/examples/AccordionDisabled.res
@react.componentWithProps(Demo.Props.t)
let make = ({}: Demo.Props.t) =>
  <Accordion className="w-full">
    <Accordion.Item value="item-1">
      <Accordion.Trigger> {"Can I access my account history?"->React.string} </Accordion.Trigger>
      <Accordion.Content>
        {"Yes, you can view your complete account history including all transactions, plan changes, and support tickets in the Account History section of your dashboard."->React.string}
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="item-2" disabled={true}>
      <Accordion.Trigger> {"Premium feature information"->React.string} </Accordion.Trigger>
      <Accordion.Content>
        {"This section contains information about premium features. Upgrade your plan to access this content."->React.string}
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="item-3">
      <Accordion.Trigger> {"How do I update my email address?"->React.string} </Accordion.Trigger>
      <Accordion.Content>
        {"You can update your email address in your account settings. You'll receive a verification email at your new address to confirm the change."->React.string}
      </Accordion.Content>
    </Accordion.Item>
  </Accordion>

More from rescript-shadcn

Browse all components in this library →