slide-shell · v0.3.0+
SlideHero
Slide de portada completo: eyebrow con dot pulsante + título grande con highlight gradient + subtítulo inline + intro + tools row + author card + 3 orbs decorativos.
Preview (escala 0.55)
Uso
invocación
<SlideHero
eyebrow="Taller · Código Sin Siesta · 2026"
title="Taller Graphify"
titleHighlight="Graphify"
subtitle="Indexa un repo, navega el grafo, decide con criterio"
tools={[
{ label: 'Graphify' },
{ label: 'Veredicto razonado', highlight: true }
]}
author={{
name: 'Alejandro de la Fuente',
role: 'Software Engineer',
avatarUrl: 'https://...',
links: [{ url: '...', label: '🐙' }]
}}
/> Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
eyebrow | string | 'Código Sin Siesta · 2026' | Texto del eyebrow superior. |
title | string | '' | Título principal. |
titleHighlight | string | '' | Substring del título a renderizar con gradiente. |
subtitle | string | '' | Subtítulo inline (debajo del título). |
intro | string | '' | Párrafo introductorio (opcional). |
tools | { label: string; highlight?: boolean }[] | [] | Pills del stack. |
author | { name; role?; avatarUrl?; links? } | — | Author card (opcional). |
showOrbs | boolean | true | Pinta los 3 orbs decorativos animados. |