Button hierarchy
Most interfaces need a primary action, secondary action and sometimes destructive action. Use consistent dimensions and focus treatment while changing the visual emphasis.
State variants
Tailwind supports variants such as hover:, focus:, focus-visible:, active:, disabled: and aria-* variants for stateful interfaces.
Touch targets
Interactive controls should have enough size and spacing for comfortable pointer and touch use. Avoid tiny icon-only controls without accessible names.
ADVERTISEMENT