Input can have a placeholder, a default (initial) value, a label and a description. Label can be required or optional as well.
< Form >
< Form.Group widths = " equal " >
< Form.Input label = " First Name " placeholder = " Leia " defaultValue = " Leia " required />
< Form.Input label = " Last Name " placeholder = " Organa " required />
</ Form.Group >
< Form.Group grouped >
< Form.Input label = " Address " placeholder = " 1834 Tantive Ave " />
< Form.Input width = " 3 " label = " Age " />
</ Form.Group >
</ Form >
States Input can provide a visual representations of its status with disabled, error, readonly and loading states. You can use any combination of those states for the experience.
Default < Form >
< Form.Input label = " Default Input " defaultValue = " Leia " />
< Form.Input label = " Empty input " />
< Form.Input label = " Placeholder Input " placeholder = " Leia " />
< Form.Input label = " Required Input " defaultValue = " Leia " required />
< Form.Input label = " Input " description = " Description goes here... " />
</ Form >
Disabled < Form >
< Form.Input label = " Default Input " defaultValue = " Leia " disabled />
< Form.Input label = " Empty Input " disabled />
< Form.Input label = " Placeholder Input " placeholder = " Leia " disabled />
< Form.Input label = " Required Input " defaultValue = " Leia " required disabled />
</ Form >
Error 