AppSidebarWithProvider() — ui Function Reference

Architecture documentation for the AppSidebarWithProvider() function in sidebar-rtl.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AppSidebarWithProvider() — ui Function Reference

Dependency Diagram

graph TD
  f2c7be3c_21b3_cf49_b6f8_5dd10d67055d["AppSidebarWithProvider()"]
  6f2384b3_f383_58b7_5cc4_56028896315d["sidebar-rtl.tsx"]
  f2c7be3c_21b3_cf49_b6f8_5dd10d67055d -->|defined in| 6f2384b3_f383_58b7_5cc4_56028896315d
  style f2c7be3c_21b3_cf49_b6f8_5dd10d67055d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/sidebar-rtl.tsx lines 195–210

function AppSidebarWithProvider() {
  const { language, setLanguage, dir } = useTranslation(translations, "ar")

  return (
    <DirectionProvider dir={dir}>
      <div className="relative" dir={dir}>
        <LanguageSelector
          value={language}
          onValueChange={setLanguage}
          className="absolute top-4 right-4 z-10 rtl:right-auto rtl:left-4"
        />
        <AppSidebar />
      </div>
    </DirectionProvider>
  )
}