Fields

MDS offers a variety of form field components, including text inputs, data inputs, and selects. As they share multiple characteristics, we use this page to describe them all in one place.

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"
                                                        />