Formulär
Installation
Section titled “Installation”npm install @sk-web-gui/reactAnvändning
Section titled “Användning”import { Input } from '@sk-web-gui/react';| Prop | Typ | Standard | Beskrivning |
|---|---|---|---|
hideExtra | boolean | – | If you want to hide native extra apperances, such as number arrows and icons @default true |
invalid | boolean | – | Makes input invalid |
readOnly | React.InputHTMLAttributes<T>['readOnly'] | – | Makes input readOnly |
disabled | React.InputHTMLAttributes<T>['disabled'] | – | Makes input disabled |
size | 'sm' | 'md' | 'lg' | – | Size of the input |
as | React.ElementType | – | The element or component to use in place of input |
type | React.InputHTMLAttributes<T>['type'] | – | Input type |
placeholder | React.InputHTMLAttributes<T>['placeholder'] | – | |
value | React.InputHTMLAttributes<T>['value'] | – | |
autoFocus | boolean | – |
Standardargs (från Meta.args)
Section titled “Standardargs (från Meta.args)”{ "placeholder": "Sök..."}Storyvarianter
Section titled “Storyvarianter”- Template – standardstory
- Disabled – standardstory
- Invalid – standardstory
- Storlekar – standardstory
- Datum – standardstory
- Tid – standardstory
- DatumTid – standardstory
- Addin – standardstory
- Addon – standardstory
- Implementation: @sk-web-gui/forms
- Storybook: Formulär