AccordionDisabled() — ui Function Reference

Architecture documentation for the AccordionDisabled() function in accordion-disabled.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AccordionDisabled() — ui Function Reference

Dependency Diagram

graph TD
  3e588b00_be41_a412_771d_8df40cb3a11d["AccordionDisabled()"]
  767002f6_3770_e98d_b623_816d1f671591["accordion-disabled.tsx"]
  3e588b00_be41_a412_771d_8df40cb3a11d -->|defined in| 767002f6_3770_e98d_b623_816d1f671591
  style 3e588b00_be41_a412_771d_8df40cb3a11d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/accordion-disabled.tsx lines 8–36

export default function AccordionDisabled() {
  return (
    <Accordion type="single" collapsible 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&apos;ll receive a verification email at your new address to
          confirm the change.
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}