From b8ff763d6232d4a61858739b43f509366ffd1500 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 6 Feb 2016 18:34:52 -0800 Subject: [PATCH] Tweak disabled button docs to help out #17231 --- docs/components/buttons.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/components/buttons.md b/docs/components/buttons.md index e3a4b26a8c..9ec1c23f1f 100644 --- a/docs/components/buttons.md +++ b/docs/components/buttons.md @@ -116,7 +116,11 @@ Make buttons look inactive by adding the `disabled` boolean attribute to any `Button {% endexample %} -As `` elements don't support the `disabled` attribute, you must add the `.disabled` class to fake it. In addition, include the `aria-disabled="true"` attribute, to indicate the state of the element to assistive technologies. +Disabled buttons using the `` element behave a bit different: + +- ``s don't support the `disabled` attribute, so you must add the `.disabled` class to make it visually appear disabled. +- Some future-friendly styles are included to disable all `pointer-events` on anchor buttons. For browsers that support that proper, you won't see the disabled cursor at all. +- Disabled buttons should include the `aria-disabled="true"` attribute to indicate the state of the element to assistive technologies. {% example html %} Primary link