slide-shell · v0.3.0+
SlideShell
Wrapper base de cualquier slide. Aporta .swiper-slide + 7 bg presets de gradientes radiales + .slide-content con max-width canónico + slot para contenido custom.
Los 7 bgPreset
Cada uno es una combinación distinta de gradientes radiales. Se eligen por temperatura emocional del slide (cierre = más festivo, naranja = warning, verde = hands-on, etc.).
bgPreset="azul"bgPreset="identidad"bgPreset="verde"bgPreset="cierre"bgPreset="lila"bgPreset="naranja"bgPreset="none"Uso
slide custom envolviendo SlideShell
<script>
import SlideShell from '@codigosinsiesta/theme/slides/SlideShell.svelte';
import { Eyebrow } from '@codigosinsiesta/theme/components';
</script>
<SlideShell bgPreset="naranja">
<Eyebrow accent="warn">Cuándo NO usar</Eyebrow>
<h2>Anti-patrones del kit V4</h2>
<!-- tu layout custom -->
</SlideShell>Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
bgPreset | 'azul' | 'identidad' | 'verde' | 'cierre' | 'lila' | 'naranja' | 'none' | 'azul' | Gradientes radiales del fondo. |
maxWidth | number | string | 1280 | Max-width del .slide-content. |
children | Snippet | — | Contenido del slide. |