componente · @solu30/ui-kit/input

Label

Etiqueta de un campo de formulario, con indicador visual de obligatorio.

Seguir leyendo — 2 párrafos más

Accessible label component for form fields.

Uses CSS variables for theming:

--ui-content-secondary for label text color

251 sitios de import en 9 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

carlosmartinpavon
cmp-packages
dietaly
easycharter
elliot
gestorsalon
luigi
raquetea
zentrya

El componente, montado

Cargando el espécimen…

export function CheckboxRadioMatrix() {
  return (
    <Stage label="Checkbox y RadioGroup · estados, y el error que RadioGroup no tiene" tall wide>
      <div className="flex w-full flex-col gap-4">
        <CheckboxEstados />
        <CheckboxGrupo />
        <RadioGroupPuntoEmbarque />
      </div>
    </Stage>
  )
}

De specimens/input.tsx · CheckboxRadioMatrix: 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 { Label } from '@solu30/ui-kit/input'

Props

1 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
required	opcional	`boolean`	Whether the associated field is required (adds visual indicator)

Ejemplo del paquete

<Label htmlFor="email">Email address</Label>
<Label htmlFor="name" required>Full name</Label>

Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.