Skip to content
Kaotypr Workshop
← All showcases

Component states

Use Tab and Shift+Tab to inspect the focus ring. The disabled button stays out of the tab order, and the invalid email field pairs its outline with a written explanation.

Try the example

Available and disabled

Tab to Preview to see its focus ring. The disabled action is skipped.

Selected

Workspace overview

Invalid