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
  27a95731_51e4_3403_0bc4_bc579162812d["SeparatorRtl()"]
  8ef9eb63_dce3_172e_b98f_17305f1f5847["separator-rtl.tsx"]
  27a95731_51e4_3403_0bc4_bc579162812d -->|defined in| 8ef9eb63_dce3_172e_b98f_17305f1f5847
  style 27a95731_51e4_3403_0bc4_bc579162812d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}