SeparatorRtl() — ui Function Reference

Architecture documentation for the SeparatorRtl() function in separator-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ SeparatorRtl() — ui Function Reference

Dependency Diagram

graph TD
  674b0832_bb5c_5139_b723_dac4695d0498["SeparatorRtl()"]
  cd548342_7abb_691f_5442_9c6ef6dc2e6a["separator-rtl.tsx"]
  674b0832_bb5c_5139_b723_dac4695d0498 -->|defined in| cd548342_7abb_691f_5442_9c6ef6dc2e6a
  style 674b0832_bb5c_5139_b723_dac4695d0498 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/separator-rtl.tsx lines 41–54

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

  return (
    <div className="flex max-w-sm flex-col gap-4 text-sm" dir={dir}>
      <div className="flex flex-col gap-1.5">
        <div className="leading-none font-medium">{t.title}</div>
        <div className="text-muted-foreground">{t.subtitle}</div>
      </div>
      <Separator />
      <div>{t.description}</div>
    </div>
  )
}