Disabled State

Disabled State refers to a state in which an interactive element (such as a button or form field) is visually present but cannot be interacted with by the user. Disabled states are often used for elements that are not available due to conditions, such as incomplete forms or unavailable features. These states typically appear grayed out or visually muted to indicate inactivity.

Disabled states are one of the most commonly mishandled UX patterns — designers grey out buttons without explaining why they're disabled, leaving users confused and stuck. A well-designed disabled state either explains the condition ('You need to complete step 1 first') or better yet, is replaced with a helpful prompt. If users can't figure out why something is disabled, they file support tickets or churn.

Stripe's dashboard disables the 'Activate account' button until all required business information is submitted — but rather than just greying it out, it shows a checklist of exactly what's missing, turning a blocked state into a guided completion flow.