Panel

Contenedor versátil con header, body y footer, más divisor vertical opcional.

Panel

Demo

📋 Panel

Contenido principal del panel.

⚡ Footer con información

📋 Sin divisor

Panel sin el divider vertical.

Footer

<Panel divider>
  <template #header>📋 Panel</template>
  Contenido principal del panel.
  <template #footer>⚡ Footer con información</template>
</Panel>

<Panel>
  <template #header>📋 Sin divisor</template>
  Panel sin el divider vertical.
  <template #footer>Footer</template>
</Panel>

Props

divider

Muestra un divisor vertical (│) a la izquierda del contenido.

Con divisor

Contenido con línea vertical.

Footer

Sin divisor

Contenido sin línea vertical.

Footer

<Panel divider>
<Panel>

Slots

header

Cabecera del panel.

<Panel>
  <template #header>Cabecera</template>
  ...
</Panel>

default

Contenido principal del panel.

footer

Pie del panel.

<Panel>
  ...
  <template #footer>Pie</template>
</Panel>

API

Prop	Tipo	Default	Descripción
divider	boolean	false	Muestra divisor vertical (│)

Tokens usados

--bg-panel, --bg, --text, --border, --font-mono