COMPONENTS
Accordion
Alert
Avatar
Badge
Bottom Sheet
Breadcrumb
Button
Card
Chart Editor
Charts
Checkbox
Collapse
Datepicker
Dropdown
Flex Layout
Form
Graph
Grid
Header
Horizontal Scroll
Icon
Inputs & Textarea
Label
Link
List Group
Loading
Menu
Metric
Modal
Pagination
Person
Popover
Progress
Pull to Refresh
Queryfield
Radio
React Grid Layout
Search
Select
Side Panel
Skeleton Loader
Slider
Steps
Switch
Table
Tabs
Tag
Toast
Toolbar
Tooltip
Tree
Input Icon
Input Icon is an input field that can include a leading icon or trailing icon.
Input Icon has two variations — leading icon or trailing icon. Leading icon can be used with the Input and Input Number components. Trailing icon can be used with the Input component.
Input Icon inherits the status properties of Input — none, success, warning, error, and loading.
Input Icon inherits the state properties of Input — enabled, hover, focus, active, filled, disabled and read only.
Input Icon can be displayed in large, medium and small sizes.
Contents