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 · lightRegistry 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>