Visão Geral
Para uma descrição detalhada, consulte a documentação do GovBR-DS.
Exemplos
Propriedades
customId
| |
|---|
| Atributo | custom-id |
| Descrição | Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId('br-form-label') |
density
| |
|---|
| Atributo | density |
| Descrição | define o espaçamento vertical entre as linhas do texto(line-height) |
| Tipo | "compact" | "regular" | "spacious" |
| Valor padrão | 'spacious' |
for
| |
|---|
| Atributo | for |
| Descrição | Define o ID do elemento de entrada ou do grupo de controles ao qual este componente está vinculado. |
| Tipo | string |
| Valor padrão | --- |
helpContentArea
| |
|---|
| Atributo | help-content-area |
| Descrição | Configura o aparecimento do ícone do acionador de conteúdo auxiliar complexo. |
| Tipo | boolean |
| Valor padrão | false |
helpText
| |
|---|
| Atributo | help-text |
| Descrição | Texto descritivo que auxilia o usuário com alguma informação complementar sobre o preenchimento do campo. |
| Tipo | string |
| Valor padrão | '' |
hidden
| |
|---|
| Atributo | hidden |
| Descrição | aciona o estado de escondido do componente |
| Tipo | boolean |
| Valor padrão | false |
labelText
| |
|---|
| Atributo | label-text |
| Descrição | Texto descritivo destinado a identificar o campo e orientar seu preenchimento pelo usuário. |
| Tipo | string |
| Valor padrão | '' |
required
| |
|---|
| Atributo | required |
| Descrição | Texto descritivo que informa a obrigatoriedade de preenchimento de um campo de formulário |
| Tipo | string |
| Valor padrão | '' |
size
| |
|---|
| Atributo | size |
| Descrição | define o tamanho da fonte do titulo que o componente vai exibir. |
| Tipo | "large" | "medium" | "small" |
| Valor padrão | 'medium' |
CSS Shadow Parts
| Nome | Descrição |
|---|
"label-help-text" | estiliza o conteúdo textual informado pela propriedade help-text. |
"label-required" | estiliza o conteúdo textual informado pela propriedade required. |
"label-title" | estiliza o conteúdo textual informado pela propriedade labelText. |
"tooltip-container" | estiliza o container que abriga o trigger e o conteúdo auxiliar complexo. |
Slots
| Nome | Descrição |
|---|
"area-content" | destinado a inserir conteúdo dentro da Conteúdo Auxiliar Complexo. |
"trigger-content" | insere conteúdo dentro do botão que aciona o Conteúdo Auxiliar Complexo, indicado que seja um elemento do tipo icone. |
Variáveis CSS customizáveis
| Nome | Descrição |
|---|
--br-form-label-font-style-helper-text | Token do componente Form-Label usada para definir o estilo da fonte(normal,italico ou oblíquo) do texto auxiliar do componente. |
--br-form-label-gap | Token do componente Form-Label usada para definir espaçamento entre os elementos do componente |
--br-typography-font-weight-semi-bold | Token do componente Form-label usado para definir o peso padrão da fonte dentro do texto auxiliar |
Dependências
Depende de
Gráfico