Return to top
On this page

Input

The Input component is used for user input and data collection.

vue
<script setup lang="ts">
import { Input } from '@sigveh/basic-ui'
</script>

<template>
  <Input label="Name" required />
</template>

Demo

Controls

Type definitions

ts
interface InputProps {
  label?: string
  placeholder?: string
  type?: InputType
  required?: boolean
  size?: InputSize
  modelValue?: string | number
  description?: string
  name?: string
  loading?: boolean
}

type InputSize = 'default' | 'small'
type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url'

Slots

  • label
  • description