When used in a grid layout, specifies the named grid area that the element should be placed in within the grid. The layout order for the element within a flex or grid container. Specifies how the element is justified inside a flex or grid container. Overrides the alignItems property of a flex or grid container.
When used in a flex layout, specifies the initial main size of the element. When used in a flex layout, specifies how the element will shrink to fit the space available. When used in a flex layout, specifies how the element will grow to fit the space available. When used in a flex layout, specifies how the element will grow or shrink to fit the space available. Handler that is called when the input value is modified. Handler that is called when the input value is about to be modified. Handler that is called when text in the input is selected. Handler that is called when a new character is received in the current text composition session. Handler that is called when a text composition system completes or cancels the current text composition session. Handler that is called when a text composition system starts a new text composition session. Handler that is called when the user pastes text. Handler that is called when the user cuts text. Handler that is called when the user copies text. Handler that is called when a key is released. Handler that is called when a key is pressed. Handler that is called when the element's focus status changes. Handler that is called when the element loses focus. Handler that is called when the element receives focus. Handler that is called when the value changes. Whether the required state should be shown as an icon or text. The label's horizontal alignment relative to the element it is labeling. The label's overall position relative to the element it is labeling. The name of the input element, used when submitting an HTML form. Whether the element should receive focus on render. Often paired with the necessityIndicator prop to add a visual indicator to the input.
Whether user input is required on the input before form submission. Whether the input should display its "valid" or "invalid" visual styling. Whether the input can be selected but not changed by the user. Whether the ColorField should be displayed with a quiet style. The parseColor function is used to parse the initial colorįrom a hex value, stored in state.
Valid values are hexadecimal color codes. installĪ ColorField's value is empty by default, but an initial, uncontrolled, value can be provided using the defaultValue prop.Īlternatively, a controlled value can be provided using the value prop. ColorFields allow users to enter a color in #rrggbb hexadecimal format.
0 kommentar(er)
