@youcan/ui-vue3/src/components/Input/types.ts

YouCan Vue3 components library

import type { DropdownItemArray, DropdownItemDefinition, DropdownItemGroups } from '../Dropdown/types';

export type HTMLInputTypeAttribute = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';

export interface InputProps {
  type?: HTMLInputTypeAttribute
  modelValue: string | number
  error?: boolean
  canShow?: boolean
}

export interface DropdownPrefixProps {
  placeholder: string
  searchable?: boolean
  modelValue: DropdownItemDefinition | null
  items: DropdownItemArray | DropdownItemGroups
}