componente · @solu30/ui-kit/display
CasosSectionTemplate
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { CasosSectionTemplate } from '@solu30/ui-kit/display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| labels | sí | CasosSectionLabels | — |
| cases | sí | CasoItem[] | — |
| caseUrls | opcional | Record<string, string> | — |
| caseColors | opcional | CasoColor[] | Per-case accent colors. Cycles through CASE_COLORS if omitted or shorter than cases. |
| mockupComponents | opcional | React__default.ComponentType<MockupProps>[] | Per-case mockup components. Receives accent + accentLight props. Falls back to GenericDashboardMockup. |
Ejemplo del paquete
<CasosSectionTemplate
labels={{ title: 'Lo que ya hicimos', subtitle: 'Negocios que hoy trabajan sin Excel.', ctaLabel: 'Ver sitio' }}
cases={t.casos.items}
caseUrls={CASE_URLS}
mockupComponents={[GestorSalonMockup, DietalyMockup, CharterPanelMockup]}
/>Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.