Sidebar

Variants

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam fuga corporis totam eligendi molestiae ex aperiam soluta, consectetur accusamus accusantium officia praesentium, magni numquam sunt minus architecto libero enim tempore!

Options

Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem quibusdam doloremque quaerat nulla enim, magni ut pariatur est dolorum ullam sint rerum odio hic perspiciatis, commodi adipisci, vero sapiente impedit?

Anatomy

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Modi, sit, quo ab pariatur, recusandae obcaecati necessitatibus doloribus ad a dolor minus saepe? Quaerat cupiditate ipsa ut nulla nostrum ex aut!

Usage

Accessibility

APG: https://www.w3.org/WAI/ARIA/apg/example-index/landmarks/index.html

Implementation

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Obcaecati facilis, ipsum dignissimos quibusdam consectetur dolores soluta nemo placeat totam dolorem suscipit est sunt eum, debitis exercitationem voluptate ducimus repellat necessitatibus?

Props

Slots

Default

Color Theming

<axdd-sidebar :app-name="'App Name'" :variant="'dark'" class="bg-primary">
</axdd-sidebar>

Logo Branding

<axdd-sidebar :app-name="'App Name'" :variant="'dark'" class="bg-primary">
  <template #logo>
    <i class="bi bi-emoji-smile"></i>
  </template>
</axdd-sidebar>