AccordionRtl() — ui Function Reference

Architecture documentation for the AccordionRtl() function in accordion-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ AccordionRtl() — ui Function Reference

Dependency Diagram

graph TD
  38e4c951_08b9_b9fd_b67a_49860a0df6fe["AccordionRtl()"]
  b36f33ef_eaef_47cf_1b99_7dff9593b08c["accordion-rtl.tsx"]
  38e4c951_08b9_b9fd_b67a_49860a0df6fe -->|defined in| b36f33ef_eaef_47cf_1b99_7dff9593b08c
  style 38e4c951_08b9_b9fd_b67a_49860a0df6fe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/accordion-rtl.tsx lines 77–95

export function AccordionRtl() {
  const { dir, t } = useTranslation(translations, "ar")

  return (
    <Accordion
      type="single"
      collapsible
      defaultValue="item-1"
      className="max-w-md"
    >
      {items.map((item) => (
        <AccordionItem key={item.value} value={item.value}>
          <AccordionTrigger>{t[item.questionKey]}</AccordionTrigger>
          <AccordionContent>{t[item.answerKey]}</AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  )
}