Input (deprecated)
Input serves as a field to enter certain information. Inputs can be used to create custom forms (e.g. a custom login form or a modal to add or update the data, etc.) as well as standalone components. There are several input types in UI Bakery:
- text
- number
- email
- password
- currency
- date and time
- toggle.
Method | Description |
---|---|
setValue(value: string|number) | sets value |
setDisabled(disabled: boolean) | sets input state (enabled/ disabled) |
reset() | clears the input |
focus() | sets the focus on input |
validate() | validates the inputted value and displays errors |
resetValidation() | resets validation from the input |
Triggers allow you to launch certain actions upon different events.
On Init | Calls for an action on component initialization |
On Enter | Calls for an action as you click Enter |
On Change | Calls for an action as the user is typing anything into an input |
You can add input fields validation by specifying the required regexp pattern, setting up an error message or specifying the minimal/maximum values for the number fields.

Input can be used as a filter for the table values. Please check this guide:
Last modified 6mo ago