Label
Un Label proporciona un texto accesible que describe un control de formulario. Admite distintos tamaños y grosores, puede marcarse como obligatorio o deshabilitado, y puede posicionarse respecto al control que envuelve.
Uso
<script>
import { Label } from 'fluentui-svelte';
</script>
<Label label="Email" />Tamaño
Usa la propiedad size para controlar el tamaño del texto de la etiqueta. Valores posibles: 'small', 'medium', 'large'.
Grosor
Usa la propiedad weight para alternar entre una etiqueta regular y una semibold.
Posición de la etiqueta
Usa la propiedad labelPosition para colocar el texto de la etiqueta respecto al control que envuelve. Valores posibles: 'before', 'after', 'above', 'below'.
Obligatorio
Pasa un objeto required para marcar la etiqueta como obligatoria y mostrar un indicador, que por defecto es un asterisco.
Propiedades del componente
| Name | Type | Default | Description |
|---|---|---|---|
label | string | 'Label Element' | El texto de la etiqueta. Si no se indica, se usa el contenido renderizado. |
size | 'small' | 'medium' | 'large' | 'medium' | El tamaño del texto de la etiqueta. |
weight | 'regular' | 'semibold' | 'regular' | El grosor del texto de la etiqueta. |
labelPosition | 'before' | 'after' | 'above' | 'below' | 'after' | Dónde se sitúa la etiqueta respecto al campo que describe. |
required | { abbr?: string; message: string; } | Marca el campo como obligatorio, y explica por qué mediante el mensaje indicado. | |
disabled | boolean | Renderiza la etiqueta como deshabilitada, para que coincida con el campo que describe. | |
ref bindable | HTMLLabelElement | La referencia DOM del elemento label. | |
Element Attributes (label) |