Input
Overview
The input component is a component that is used to get user input in a text field.
Properties
Properties | Description |
---|---|
type | How an works varies considerably depending on the value of its type attribute, hence the different types are covered in their own separate reference pages. If this attribute is not specified, the default type adopted is text. |
placeholder | Placeholder if field is empty |
className | The className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings. |
style | The style property accepts a CSS JavaScript object with camelCased properties rather than a CSS string. Using the style attribute as the primary means of styling elements is generally not recommended. The style is most often used in React applications to add dynamically-computed styles at render time. Learn more about the style property here. |
onChange | Event handler called when the expanded state of an item changes |
value | The value given as data when submitted with a name. |
leadingAdornment | |
tailingAdornment | |
name | The name of the checkbox. Submitted with its owning form as part of a name/value pair. |
disabled | When true, prevents the user from interacting with the element. |
Updated 6 months ago