> Sidebar

Sidebar

SideNav est un composant de navigation primaire qui permet d'accéder aux principales sections d'une application. Navigation coté droit, se transformant en menu burger sur mobile. Uitliser <SidebarItem> et <SidebarGroup>.

TagsuiInformationsFigmaExemples1StylesDisponibles

ExampleUsage

Exemple d'intégration complète du composant avec un contrôleur, un logo et un footer.

<Sidebar
  controller={sidebarController}
  logo={<Image source={require('../../assets/logo.png')} />}
  footer={<Button borderNone variant="tertiary" title="Se déconnecter" onPress={onLogout} />}
>
  <SidebarItem title="Item 1" href="/admin/item-1" routeName="item-1" />
  <SidebarItem title="Item 2" href="/admin/item-2" routeName="item-2" />
  <SidebarGroup title="Groupe">
    <SidebarItem title="Item group 1" href="/admin/gp-item-2" routeName="gp-item-1" />
    <SidebarItem title="Item group 2" href="/admin/gp-item-2" routeName="gp-item-2" />
  </SidebarGroup>
</Sidebar>

export const ExampleUsage = () => null;

Alveole UI Kit — v1.8.4