FileInput
FileInput é um input customizado de arquivos.
Quando usar:
- For necessário que o usuário faça uploads do seu computador para a plataforma.
- For necessário prover uma experiência de arrasta e solta para upload de arquivos.
Quando não usar:
- Se tratar de uma experiência mobile-first.
Uso
js
<CdsFileInput
v-model="args"
/>Preview
Arraste o arquivo aqui ou pesquise no seu dispositivo
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
* modelValue (required) | object | null | -- | O conteúdo do arquivo upado. |
allowedExtensions | string | null | -- | Lista com extensões de arquivos (separadas por vírgula) as quais o usuário pode selecionar. Ex.: jpg,png |
size | string | 'md' | sm md lg | Define o tamanho do input [lg, md, sm] |
state | string | 'default' | default valid loading invalid | Especifica o estado do Select. As opções são 'default', 'valid', 'loading' e 'invalid'. |
textMessage | string | 'Arraste o arquivo aqui ou pesquise no seu dispositivo' | -- | Especifica o texto exibido como placeholder no componente |
errorMessage | string | 'Valor inválido' | -- | Especifica a mensagem de erro, que será exibida caso o estado seja inválido |
disabled | boolean | false | -- | Controla a disponibilidade do Select. |
Eventos
Nome | Descrição |
|---|---|
@update:modelValue | Evento utilizado para implementar o v-model. |