FormLabel API

Documentação da API para o componente React FormLabel . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import FormLabel from '@mui/material/FormLabel';
// ou
import { FormLabel } from '@mui/material';

The name MuiFormLabel can be used when providing default props or style overrides in the theme.

Props of the nativo component are also available.

Nome	Tipo	Padrão	Descrição
children	node		O conteúdo do componente.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
color	'error' \| 'info' \| 'primary' \| 'secondary' \| 'success' \| 'warning' \| string		A cor do componente. Ela da suporte para as cores do tema que fazem sentido para este componente.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
disabled	bool	false	If `true`, the label should be displayed in a disabled state.
error	bool	false	If `true`, the label should be displayed in an error state.
filled	bool	false	If `true`, the label should use filled classes key.
focused	bool	false	If `true`, the input of this label is focused (used by `FormGroup` components).
required	bool	false	If `true`, the label will indicate that the `input` is required.
sx	func \| object		The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.

O ref é encaminhado para o elemento raiz.

Nome da regra	Classe global	Descrição
root	.MuiFormLabel-root	Estilos aplicados ao elemento raiz.
colorSecondary	.MuiFormLabel-colorSecondary	Estilos aplicados para o elemento raiz se the color is secondary.
focused	.Mui-focused	Pseudo-class aplicada a o elemento raiz se `focused={true}`.
disabled	.Mui-disabled	Pseudo-class aplicada a o elemento raiz se `disabled={true}`.
error	.Mui-error	Pseudo-class aplicada a o elemento raiz se `error={true}`.
filled	.MuiFormLabel-filled	Pseudo-class aplicada a o elemento raiz se `filled={true}`.
required	.Mui-required	Pseudo-class aplicada a o elemento raiz se `required={true}`.
asterisk	.MuiFormLabel-asterisk	Estilos aplicados a the asterisk element.

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.