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
  c69177f3_072d_7c6c_d6eb_9c47370465cf["AccordionRtl()"]
  dad3ff6c_8fe4_9c23_2a79_fc218381cefb["accordion-rtl.tsx"]
  c69177f3_072d_7c6c_d6eb_9c47370465cf -->|defined in| dad3ff6c_8fe4_9c23_2a79_fc218381cefb
  style c69177f3_072d_7c6c_d6eb_9c47370465cf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/accordion-rtl.tsx lines 78–91

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

  return (
    <Accordion 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>
  )
}