Pular para o conteúdo principal

Form

Import​

import { Form } from '@resultadosdigitais/tangram-components'

<FormControl />​

Import​

import { FormControl } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Defaultnull
Description​

Sets the children.

disabled​

Typebool
Defaultfalse
Description​

Sets the input, label and helper text with disabled state.

error​

Typebool
Defaultfalse
Description​

Sets the input, label and helper text with error state.

inline​

Typebool
Defaultfalse
Description​

Sets the label and input inline position.

success​

Typebool
Defaultfalse
Description​

Sets the input, label and helper text with success state.

required​

Typebool
Defaultfalse
Description​

Sets the input as required.

<FormFeedback />​

Import​

import { FormFeedback } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Defaultnull
Description​

Sets the children.

as​

TypeelementType | string
Default'span'
Description​

Set element type to be rendered for this component.

error​

Typebool
Defaultfalse
Description​

Sets the error state for feedback message.

success​

Typebool
Defaultfalse
Description​

Sets the success state for feedback message.

<FormGroup />​

Import​

import { FormGroup } from '@resultadosdigitais/tangram-components'

Properties​

children 📍​

Concerns
📍 Required
Typenode
Description​

Sets the children.

row​

Typebool
Defaultfalse
Description​

Sets the alignment in the row direction. By default is false (column direction).

<FormLabel />​

Import​

import { FormLabel } from '@resultadosdigitais/tangram-components'

Properties​

children 📍​

Concerns
📍 Required
Typenode
Description​

Sets the children.

as​

TypeelementType | string
Default'label'
Description​

Set element type to be rendered for this component.

htmlFor​

Typestring
Description​

Sets the input element this label refers.

disabled​

Typebool
Defaultfalse
Description​

Sets the disabled style.

required​

Typebool
Defaultfalse
Description​

Sets the required style.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.