Accordion Disabled
uiable/accordion-disabledFreeComponent
Accordion Disabled variant for component.
Live preview
live · rendered by the registry
Rendered by uiable on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://uiable.com/r/accordion-disabled.jsonSource
1// shadcn2import {3 Accordion,4 AccordionContent,5 AccordionItem,6 AccordionTrigger7} from "@/components/ui/accordion";89// ------------------------------ | ACCORDION DISABLED | ------------------------------ //1011export default function AccordionDisabled() {12 return (13 <Accordion className="w-full">14 <AccordionItem value="item-1">15 <AccordionTrigger>Can I access my account history?</AccordionTrigger>16 <AccordionContent>17 Yes, you can view your complete account history including all18 transactions, plan changes, and support tickets in the Account History19 section of your dashboard.20 </AccordionContent>21 </AccordionItem>22 <AccordionItem value="item-2" disabled>23 <AccordionTrigger>Premium feature information</AccordionTrigger>24 <AccordionContent>25 This section contains information about premium features. Upgrade your26 plan to access this content.27 </AccordionContent>28 </AccordionItem>29 <AccordionItem value="item-3">30 <AccordionTrigger>How do I update my email address?</AccordionTrigger>31 <AccordionContent>32 You can update your email address in your account settings. You'll33 receive a verification email at your new address to confirm the34 change.35 </AccordionContent>36 </AccordionItem>37 </Accordion>38 );39}
What it pulls in
Other registry items
Files it writes
More from uiable
All 747 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | uiable | Components | Free | 2 deps | |
| Accordion Basicaccordion-basic | uiable | Components | Free | no deps | |
| Accordion Bordersaccordion-borders | uiable | Components | Free | no deps | |
| Accordion Cardaccordion-card | uiable | Components | Free | no deps | |
| Accordion Flushaccordion-flush | uiable | Components | Free | no deps | |
| Accordion Multipleaccordion-multiple | uiable | Components | Free | no deps | |
| Alertalert | uiable | Components | Free | 1 dep | |
| Alert Actionalert-action | uiable | Components | Free | no deps |
