FormControl
io.github.nafg.scalajs.facades.mui.base.FormControl
object FormControl extends Simple[VdomNode | Any => Any]
View original docs online: https://mui.com/api/form-control/
Provides context such as filled/focused/error/required for form inputs. Relying on the context provides high flexibility and ensures that the state always stays consistent across the children of the FormControl
. This context is used by the following components:
- FormLabel
- FormHelperText
- Input
- InputLabel
You can find one composition example below and more going to the demos.
<FormControl>
<InputLabel htmlFor="my-input">Email address</InputLabel>
<Input id="my-input" aria-describedby="my-helper-text" />
<FormHelperText id="my-helper-text">We'll never share your email.</FormHelperText>
</FormControl>
⚠️ Only one Input
can be used within a FormControl because it create visual inconsistencies. For instance, only one input can be focused at the same time, the state shouldn't be shared.
Demos:
API:
Attributes
- Graph
-
- Supertypes
-
trait Simple[VdomNode | Any => Any]trait ChildrenOf[VdomNode | Any => Any]trait FacadeModuletrait FacadeModuleBaseclass Objecttrait Matchableclass Any
- Self type
-
FormControl.type
Members list
In this article