Text Input

Text Input allows users to enter and edit alphanumeric data. Use them to gather short-to-medium-long data entries.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { TextInput } from '@optimus-web/core';
                                                        
                                                        <TextInput
                                                          disabled={false}
                                                          size="medium"
                                                          label="Label"
                                                          placeholder="Placeholder"
                                                          helper="Helper, description, or notification text"
                                                        />