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
  10d16b8a_5f01_ea7b_9438_2be58c182577["AppSidebarWithProvider()"]
  7b18d22b_f3e1_9e13_72d5_5968e96b55f3["sidebar-rtl.tsx"]
  10d16b8a_5f01_ea7b_9438_2be58c182577 -->|defined in| 7b18d22b_f3e1_9e13_72d5_5968e96b55f3
  style 10d16b8a_5f01_ea7b_9438_2be58c182577 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

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

  return (
    <DirectionProvider direction={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>
  )
}