Skip to content
StrataKit Docs

Radio

Radio buttons are for choosing one of multiple predefined inputs.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • The color prop is not supported. Color is determined automatically based on state (e.g., checked, disabled, error).
  • The size prop defaults to "medium" and does not support "small".
  • The radio implementation and styling differ from the default svg approach and use custom pseudo-elements.
  • The interactive hit area extends beyond the visual bounds of the radio. The additional hit area does not consume layout space, so be mindful when placing the radio next to adjacent elements or container boundaries.
  • Includes full forced-colors support.

Examples

Section titled “Examples”

Error

Section titled “Error”

Use the error prop on FormControl to display the FormHelperText in an error state. Consider adding a visually hidden “Error:” prefix to the FormHelperText if the error message is not clear on its own.