Label

El componente Label nos permite nombrar elementos dentro de un formulario.

Default

Hidden

Skeleton

import React from "react";
import { Label, Icon } from "@nimbus-ds/components";
import { BoxPackedIcon } from "@nimbus-ds/icons";

const Example: React.FC = () => (
  <Label>
    <Icon source={<BoxPackedIcon />} />
    Label text:
  </Label>
);

export default Example;

Anatomía del componente

El componente está integrado por texto base estilizado, que consume nuestros tokens de tipografía y colores.

Guidelines

Usamos este componente como un slot que puede recibir texto e iconos con tooltips, que ayuden a la persona usuaria a entender cuál es la información requerida durante el llenado del formulario.

Recomendaciones de uso:

Nombrar campos de Input texto
Nombrar opciones en un Select
Nombrar opciones en una lista de Radio Button
Nombrar opciones en una lista de Checkbox

Implementación

Instalá el componente via terminal.

npm install @nimbus-ds/label

Props

Additional props are passed to the <Label> element. See label docs for a list of props accepted by the <Label> element.