componente · @solu30/ui-kit/input
BusinessHoursCard
Tarjeta que muestra los horarios de atención como pares de días y horas.
1 sitio de import en 1 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- pagebuilder
El componente, montado
Cargando el espécimen…
export function BusinessHoursSpecimen() {
return (
<Stage label="BusinessHoursCard · la sección de contacto de una página de PageBuilder" tall>
<div className="w-full max-w-[380px] px-1 py-1">
<BusinessHoursCard
title="Horarios de atención"
subtitle="Estamos disponibles para vos"
entries={[
{ days: 'Lunes a viernes', hours: '09:00 – 13:00 y 16:00 – 20:00' },
{ days: 'Sábados', hours: '09:00 – 13:00' },
{ days: 'Domingos y feriados', hours: 'Cerrado' },
]}
/>
</div>
</Stage>
)
}De specimens/input.tsx · BusinessHoursSpecimen: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.
Cómo se usa
import { BusinessHoursCard } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| entries | sí | BusinessHoursEntry[] | — |
| title | opcional | string | — |
| subtitle | opcional | string | — |
| className | opcional | string | — |