Input Group

Componente de bloco para agrupar input.

Props

inputs Object obrigatório

Objeto que define as props dos inputs do grupo, onde a chave é o id do input. Veja o componente Input.

inputs: {
  name: {
    label: "Nome do produto"
  },
  price: {
    label: "Preço",
    component: "masked",
    maskType: "currency"
  }
}

label String

Título do grupo.

default: null

data Object

Mapa para os valores dos inputs, onde a chave é o id do input e o valor dessa é o valor associado ao input.

default: {}
data: {
  name: 'Caneta Esferográfica',
  price: 1.85
}

disabled Boolean

Caso true, desabilita o campo de input.

default: false

separator Boolean

Caso true, insere um separador no final do bloco.

default: false

errors Object

Objeto que define os campos com erros de validação.

default: {}
/* Usando escopo resource */
resource: 'product',
errors: {
  product: {
    name: 'Wrong name...'
  }
}
/* Usando escopo global */
errors: {
  name: 'Wrong name...'
}

resource String

Essa propriedade serve para alterar o name e o id dos inputs do componente Input. Veja o componente Input para mais informações e exemplos.

default: null

readOnly Boolean

Caso true, torna o campo para somente leitura.

default: false

formStyle String

Estilo da grid de inputs especificado nas configurações de tema. Caso não especificado, utiliza o estilo definido no formulário.

default: "default"

themeClassKey String

Chave atribuida ao objeto especificado nas configurações de tema.

default: "form.inputGroup"

wrapperClassName String

Classe do elemento que encapsula os elementos filhos.

default: "wrapper_input_group"