Barra lateral | SideBar

`SideBar`#

Descripción

Contenedor lateral simple que renderiza su slot. Útil como wrapper para botones de navegación o acciones.

Props

Ninguna específica.

Slots

Default — Contenido del sidebar (por ejemplo varios SideButton).

Uso

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<script setup lang="ts">
import SideBar from '../sidebar/SideBar.vue'
import SideButton from '../sidebar/SideButton.vue'
</script>

<template>
  <SideBar>
    <SideButton image="/icons/home.svg" title="Inicio" />
    <SideButton image="/icons/settings.svg" title="Ajustes" />
  </SideBar>
</template>

← Anterior

Layout | WindowFrame

Barra lateral | SideButton

Barra lateral | SideBar

SideBar#

Resultados de búsqueda

`SideBar`#