Pular para o conteúdo principal

Componentes de formulário

Os componentes do arquivo globals/forms.ts são componentes compartilhados entre o projeto, e servem como base para criação de outros componentes com estilos personalizados onde precisar.

Input​

Componente estilizado para inputs. Usado como base para componentes de Input personalizados.

ContentButton​

Container para seções de botões.

    <ContentButton>
        <SmallButton success>Confirmar</SmallButton>
        <SmallButton warning>Voltar</SmallButton>
    </ContentButton>

RadioGroup​

Container base para grupos de input do tipo "radio":

    <RadioGroup>
        <label>
            <input type="radio" name="nomeCampo"/>
            Opção 1
        </label>
        <label>
            <input type="radio" name="nomeCampo"/>
            Opção 2
        </label>
    </RadioGroup>

Select​

Componente base para inputs do tipo Select:

    <Select>
        <option>Opção 1</option>
        <option>Opção 2</option>
        <option>Opção 3</option>
        <option>Opção 4</option>
    </Select>