@sdfp/navbar

navbar

Usage no npm install needed!

<script type="module">
  import sdfpNavbar from 'https://cdn.skypack.dev/@sdfp/navbar';
</script>

README

@sdfp/navbar

La librería de componentes UI Rankmi Design proporciona un componente Navbar diseñado para la muestra de un menú de navegación primario.

Uso

import NavBar, { NavBrand, NavCollapse, NavList, NavItem } from "@sdfp/navbar";
<Navbar backgroundColor="#0271e0" fixed={fixed.Top}>
  <NavBrand alt="image description" />
  <NavCollapse>
    <NavList>
      <NavItem title="Item Nav" />
      <NavItem title="Item Nav" />
      <NavItem title="Item Nav" />
      <NavItem title="Item Nav">
        <Avatar sizes={AvatarSizes.ExtraSmall} />
      </NavItem>
      <NavItem>
        <Avatar sizes={AvatarSizes.ExtraSmall} />
        Item Nav sin propiedad de título
      </NavItem>
    </NavList>
    <UserBox name="elizabeth">
      <UserBoxItem
        title="Configuración de mi cuenta"
        href="https://www.google.cl"
      />
      <UserBoxItem title="Cerrar Session" />
    </UserBox>
  </NavCollapse>
</Navbar>;

Documentación

Para más información por favor visita el siguiente link: TODO