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>

Vasak group © Todos los derechos reservados