shadimage
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 · light

Registry 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>
  )
}

More from uiable

Browse all components in this library →