Hoppa till innehåll

Formulär

Terminal window
npm install @sk-web-gui/react
import { Input } from '@sk-web-gui/react';
PropTypStandardBeskrivning
hideExtrabooleanIf you want to hide native extra apperances, such as number arrows and icons @default true
invalidbooleanMakes input invalid
readOnlyReact.InputHTMLAttributes<T>['readOnly']Makes input readOnly
disabledReact.InputHTMLAttributes<T>['disabled']Makes input disabled
size'sm' | 'md' | 'lg'Size of the input
asReact.ElementTypeThe element or component to use in place of input
typeReact.InputHTMLAttributes<T>['type']Input type
placeholderReact.InputHTMLAttributes<T>['placeholder']
valueReact.InputHTMLAttributes<T>['value']
autoFocusboolean
{
"placeholder": "Sök..."
}
  • Template – standardstory
  • Disabled – standardstory
  • Invalid – standardstory
  • Storlekar – standardstory
  • Datum – standardstory
  • Tid – standardstory
  • DatumTid – standardstory
  • Addin – standardstory
  • Addon – standardstory