uiable
uiaccordion-disabledsource: ok · refreshed
Accordion Disabled
Accordion Disabled variant for component.
npx shadcn add "https://uiable.com/r/accordion-disabled.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
@uiable/accordion
Files1 · source cached 10/8/2026, 8:57:31 AM
src/components/uiable/accordion/accordion-disabled.tsx
// shadcn
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion"
// ------------------------------ | ACCORDION DISABLED | ------------------------------ //
export default function AccordionDisabled() {
return (
<Accordion className="w-full">
<AccordionItem value="item-1">
<AccordionTrigger>Can I access my account history?</AccordionTrigger>
<AccordionContent>
Yes, you can view your complete account history including all
transactions, plan changes, and support tickets in the Account History
section of your dashboard.
</AccordionContent>
</AccordionItem>
<AccordionItem value="item-2" disabled>
<AccordionTrigger>Premium feature information</AccordionTrigger>
<AccordionContent>
This section contains information about premium features. Upgrade your
plan to access this content.
</AccordionContent>
</AccordionItem>
<AccordionItem value="item-3">
<AccordionTrigger>How do I update my email address?</AccordionTrigger>
<AccordionContent>
You can update your email address in your account settings. You'll
receive a verification email at your new address to confirm the
change.
</AccordionContent>
</AccordionItem>
</Accordion>
)
}