Flint Workbench
Input workbench
Every state as MUI, shadcn/ui and plain CSS. All three read the input tokens, and error follows aria-invalid in each.
Guidance and code: Input docs.
Known MUI gap
The MUI input edge stays at MUI's default, about 1.6:1 (under 3:1), and its placeholder is dimmer than Flint's (ASDS-44).Text input
| State | MUI | shadcn | Plain CSS |
|---|---|---|---|
| Default | |||
| Hover | |||
| Focuskeyboard focus | |||
| Filled | |||
| Error | |||
| Disabled | |||
| Livetry it |