📄️ Inputs
Input components are used in forms to allow users to create and edit data. They are designed to work seamlessly with React Admin's form state management.
📄️ Validation
All input components accept a validate prop. Pass a single validator function
📄️ Common Input Props
All Strato Admin input components accept the following props in addition to their component-specific props.
📄️ <TextInput>
The ` component provides a single-line text input field, wrapping Cloudscape's Input` component.
📄️ <ArrayInput>
The ` component lets users manage a list of structured items in a form, wrapping Cloudscape's AttributeEditor`. Each item can contain multiple fields defined as children.
📄️ <AttributeEditor>
The ` component allows users to manage a list of complex objects, wrapping Cloudscape's AttributeEditor`. Each item in the list can have multiple fields.
📄️ <AutocompleteInput>
The ` component provides an autocomplete text input field, wrapping Cloudscape's Autosuggest` component.
📄️ <BooleanInput>
The ` component provides a toggle switch for boolean values, wrapping Cloudscape's Toggle` component.
📄️ <FormField>
The `` component is a wrapper that provides common form field features to its children. It is used internally by all input components to handle labels, descriptions, and error display.
📄️ <NumberInput>
The ` component provides a numeric input field, wrapping Cloudscape's Input component with type="number"`. It ensures that values are correctly handled as numbers in the form state.
📄️ <ReferenceInput>
The ` component allows you to select a record from a related resource. It acts as a wrapper for other input components (like or `) to provide them with the appropriate choices from the referenced resource.
📄️ <SelectInput>
The ` component provides a dropdown selection, wrapping Cloudscape's Select` component.
📄️ <SliderInput>
The ` component allows users to select a single value from a range using a slider, wrapping Cloudscape's ` component.
📄️ <TextAreaInput>
The ` component provides a multi-line text input field, wrapping Cloudscape's Textarea` component.