ToggleRtl() — ui Function Reference

Architecture documentation for the ToggleRtl() function in toggle-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ToggleRtl() — ui Function Reference

Dependency Diagram

graph TD
  ee035ddb_3057_4752_5b1f_bdc45d85c5ef["ToggleRtl()"]
  9a97d5fe_7bf2_15a8_687a_23a64a752140["toggle-rtl.tsx"]
  ee035ddb_3057_4752_5b1f_bdc45d85c5ef -->|defined in| 9a97d5fe_7bf2_15a8_687a_23a64a752140
  style ee035ddb_3057_4752_5b1f_bdc45d85c5ef fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/toggle-rtl.tsx lines 33–42

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

  return (
    <Toggle aria-label="Toggle bookmark" size="sm" variant="outline" dir={dir}>
      <BookmarkIcon className="group-aria-pressed/toggle:fill-foreground" />
      {t.label}
    </Toggle>
  )
}