Input

Import

import { Input } from '@frontile/forms';

Usage

API

Input

Element: HTMLInputElement

Arguments

    
            Name
          
            Type
          
            Default
          
            Description
          
                    classes
                  
                  SlotsToClasses<'base' | 'input' | 'innerContainer' | 'startContent' | 'endContent'>
                
                  -
              
                    description
                  
                  string
                
                  -
              
                    endContentPointerEvents
                  
                  enum
                
                    'auto'
                  
                Controls pointer-events property of endContent.
If you want to pass the click event to the input, set it to `none`.
              
                    errors
                  
                  enum
                
                  -
              
                    isClearable
                  
                  boolean
                
                  -
              
                Whether to include a clear button
              
                    isInvalid
                  
                  boolean
                
                  -
              
                    isRequired
                  
                  boolean
                
                  -
              
                    label
                  
                  string
                
                  -
              
                    name
                  
                  string
                
                  -
              
                    onChange
                  
                  function
                
                  -
              
                Callback when onchange is triggered
              
                    onInput
                  
                  function
                
                  -
              
                Callback when oninput is triggered
              
                    size
                  
                  enum
                
                  -
              
                    startContentPointerEvents
                  
                  enum
                
                    'auto'
                  
                Controls pointer-events property of startContent.
If you want to pass the click event to the input, set it to `none`.
              
                    type
                  
                  string
                
                  -
              
                    value
                  
                  string
                
                  -

Name	Type	Default	Description
`classes`	`SlotsToClasses<'base' \| 'input' \| 'innerContainer' \| 'startContent' \| 'endContent'>`	-
`description`	`string`	-
`endContentPointerEvents`	`enum`	`'auto'`	Controls pointer-events property of endContent. If you want to pass the click event to the input, set it to `none`.
`errors`	`enum`	-
`isClearable`	`boolean`	-	Whether to include a clear button
`isInvalid`	`boolean`	-
`isRequired`	`boolean`	-
`label`	`string`	-
`name`	`string`	-
`onChange`	`function`	-	Callback when onchange is triggered
`onInput`	`function`	-	Callback when oninput is triggered
`size`	`enum`	-
`startContentPointerEvents`	`enum`	`'auto'`	Controls pointer-events property of startContent. If you want to pass the click event to the input, set it to `none`.
`type`	`string`	-
`value`	`string`	-

Blocks

    
            Name
          
            Type
          
            Default
          
            Description
          
                    startContent
                  
                    *
                  
                  Array
                
                  -
              
                    endContent
                  
                    *
                  
                  Array
                
                  -

Name	Type	Default	Description
`startContent` *	`Array`	-
`endContent` *	`Array`	-