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
  e1483376_7d1c_032f_263f_d76f42bf7da5["AccordionDisabled()"]
  4a378577_3aef_f4c3_c957_4af49e380f01["accordion-disabled.tsx"]
  e1483376_7d1c_032f_263f_d76f42bf7da5 -->|defined in| 4a378577_3aef_f4c3_c957_4af49e380f01
  style e1483376_7d1c_032f_263f_d76f42bf7da5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

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&apos;ll receive a verification email at your new address to
          confirm the change.
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}