Template:Clickable button/testcases2

This is the template test cases page for the sandbox of Template:Clickable button. Purge this page to update the examples.
If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page.
You can also use Special:ExpandTemplates to examine the results of template uses.
You can test how this page looks in the different skins and parsers with these links:

Comparing Template:Clickable button/sandbox to Template:Clickable button/sandbox2

Go back to /testcases

Basic tests

Blank button

{{Template:Clickable button/sandbox}}

Label only

{{Template:Clickable button/sandbox|label=Click me}}

{{Template:Clickable button/sandbox|label=Click me}}

Click me

'"`UNIQ--templatestyles-0000000F-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Click me</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox|Click me}}

{{Template:Clickable button/sandbox|Click me}} → Click me

'"`UNIQ--templatestyles-00000013-QINU`"'[[:Click me|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Click me</span>]]

{{Template:Clickable button/sandbox2|Click me}} →

{{Template:Clickable button/sandbox|2=Click me}}

{{Template:Clickable button/sandbox|2=Click me}} → Click me

'"`UNIQ--templatestyles-00000017-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Click me</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|2=Click me}} →

Link button

{{Template:Clickable button/sandbox|Main Page|label=Go Home |link=Main Page}}

{{Template:Clickable button/sandbox|Main Page|label=Go Home |link=Main Page}} → Go Home

'"`UNIQ--templatestyles-0000001B-QINU`"'[[:Main Page|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Go Home</span>]]

{{Template:Clickable button/sandbox2|Main Page|label=Go Home |link=Main Page}} →

URL button

{{Template:Clickable button/sandbox|url=https://www.wikipedia.org/}}

{{Template:Clickable button/sandbox|url=https://www.wikipedia.org/}} → en.wikipedia.org

'"`UNIQ--templatestyles-0000001F-QINU`"'<span class="plainlinks">[http://https://www.wikipedia.org/ <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=https://www.wikipedia.org/}} →

{{Template:Clickable button/sandbox|url=http:/www.wikipedia.org/}}

{{Template:Clickable button/sandbox|url=http:/www.wikipedia.org/}} → en.wikipedia.org

'"`UNIQ--templatestyles-00000023-QINU`"'<span class="plainlinks">[http://http://www.wikipedia.org/ <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=http:/www.wikipedia.org/}} →

{{Template:Clickable button/sandbox|url=https:/www.wikipedia.org/}}

{{Template:Clickable button/sandbox|url=https:/www.wikipedia.org/}} → en.wikipedia.org

'"`UNIQ--templatestyles-00000027-QINU`"'<span class="plainlinks">[http://https://www.wikipedia.org/ <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=https:/www.wikipedia.org/}} →

{{Template:Clickable button/sandbox|url=https://w.wikipedia.org}}

{{Template:Clickable button/sandbox|url=https://w.wikipedia.org}} → en.wikipedia.org

'"`UNIQ--templatestyles-0000002B-QINU`"'<span class="plainlinks">[http://https://w.wikipedia.org <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=https://w.wikipedia.org}} →

{{Template:Clickable button/sandbox|url=https://wiki.org}}

{{Template:Clickable button/sandbox|url=https://wiki.org}} → en.wikipedia.org

'"`UNIQ--templatestyles-0000002F-QINU`"'<span class="plainlinks">[http://https://wiki.org <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=https://wiki.org}} →

{{Template:Clickable button/sandbox|url=htps://www.wikipedia.org/}}

{{Template:Clickable button/sandbox|url=htps://www.wikipedia.org/}} → en.wikipedia.org

'"`UNIQ--templatestyles-00000033-QINU`"'<span class="plainlinks">[http://htps://www.wikipedia.org/ <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=htps://www.wikipedia.org/}} →

{{Template:Clickable button/sandbox|url=//www.wikipedia.org/}}

{{Template:Clickable button/sandbox|url=//www.wikipedia.org/}} → en.wikipedia.org

'"`UNIQ--templatestyles-00000037-QINU`"'<span class="plainlinks">[//www.wikipedia.org/ <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=//www.wikipedia.org/}} →

{{Template:Clickable button/sandbox|url=www.wikipedia.org/}}

{{Template:Clickable button/sandbox|url=www.wikipedia.org/}} → en.wikipedia.org

'"`UNIQ--templatestyles-0000003B-QINU`"'<span class="plainlinks">[http://http://www.wikipedia.org/ <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=www.wikipedia.org/}} →

Disabled tests

Disabled via parameter

{{Template:Clickable button/sandbox|wiki|wiki|disabled=1 |label=Disabled |link=wiki |url=example.org}}

{{Template:Clickable button/sandbox|wiki|wiki|disabled=1 |label=Disabled |link=wiki |url=example.org}} → Disabled

'"`UNIQ--templatestyles-0000003F-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Disabled</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|wiki|wiki|disabled=1 |label=Disabled |link=wiki |url=example.org}} →

Disabled via link=no

{{Template:Clickable button/sandbox|wiki|wiki|label=No link |link=no |url=example.org}}

{{Template:Clickable button/sandbox|wiki|wiki|label=No link |link=no |url=example.org}} → No link

'"`UNIQ--templatestyles-00000043-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">No link</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|wiki|wiki|label=No link |link=no |url=example.org}} →

Action / Color tests

Progressive (blue/green)

{{Template:Clickable button/sandbox|color=blue |label=Progressive}}

{{Template:Clickable button/sandbox|color=blue |label=Progressive}} → Progressive

'"`UNIQ--templatestyles-00000047-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Progressive</span>  [[Category:Pages using clickable dummy button]] [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|color=blue |label=Progressive}} →

{{Template:Clickable button/sandbox|class=ui-button-green |label=Progressive |link=Main Page}}

{{Template:Clickable button/sandbox|class=ui-button-green |label=Progressive |link=Main Page}} → Progressive

'"`UNIQ--templatestyles-0000004B-QINU`"'[[:Main Page|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Progressive</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|class=ui-button-green |label=Progressive |link=Main Page}} →

Destructive (red)

{{Template:Clickable button/sandbox|color=red |label=Delete}}

{{Template:Clickable button/sandbox|color=red |label=Delete}} → Delete

'"`UNIQ--templatestyles-0000004F-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Delete</span>  [[Category:Pages using clickable dummy button]] [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|color=red |label=Delete}} →

{{Template:Clickable button/sandbox|class=ui-button-red |label=Delete}}

{{Template:Clickable button/sandbox|class=ui-button-red |label=Delete}} → Delete

'"`UNIQ--templatestyles-00000053-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Delete</span>  [[Category:Pages using clickable dummy button]] [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|class=ui-button-red |label=Delete}} →

Weight tests

Normal

{{Template:Clickable button/sandbox|label=Normal |weight=normal}}

{{Template:Clickable button/sandbox|label=Normal |weight=normal}} → Normal

'"`UNIQ--templatestyles-00000057-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Normal</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|label=Normal |weight=normal}} →

Bold

{{Template:Clickable button/sandbox|label=Bold |weight=bold}}

{{Template:Clickable button/sandbox|label=Bold |weight=bold}} → Bold

'"`UNIQ--templatestyles-0000005B-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-bold cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Bold</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|label=Bold |weight=bold}} →

Size tests

{{Template:Clickable button/sandbox|label=Small |size=small}}

{{Template:Clickable button/sandbox|label=Small |size=small}} → Small

'"`UNIQ--templatestyles-0000005F-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-small cdx-button--fake-button--enabled" role="button" aria-disabled="true">Small</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|label=Small |size=small}} →

{{Template:Clickable button/sandbox|label=Medium |size=medium}}

{{Template:Clickable button/sandbox|label=Medium |size=medium}} → Medium

'"`UNIQ--templatestyles-00000063-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Medium</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|label=Medium |size=medium}} →

{{Template:Clickable button/sandbox|label=Large |size=large}}

{{Template:Clickable button/sandbox|label=Large |size=large}} → Large

'"`UNIQ--templatestyles-00000067-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-large cdx-button--fake-button--enabled" role="button" aria-disabled="true">Large</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|label=Large |size=large}} →

Icon tests

{{Template:Clickable button/sandbox|icon=edit |label=Search |link=test}}

{{Template:Clickable button/sandbox|icon=edit |label=Search |link=test}} → Search
```
'"`UNIQ--templatestyles-0000006B-QINU`"''"`UNIQ--templatestyles-0000006D-QINU`"'[[:test|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false"><span class="cdx-button__icon cdx-demo-css-icon--edit" aria-hidden="true"></span>Search</span>]] 
```
{{Template:Clickable button/sandbox2|icon=edit |label=Search |link=test}} →

Icon only (should error without aria-label)

{{Template:Clickable button/sandbox|icon=search |link=yes}}

{{Template:Clickable button/sandbox|icon=search |link=yes}} → yes

'"`UNIQ--templatestyles-00000071-QINU`"''"`UNIQ--templatestyles-00000073-QINU`"'[[:yes|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false"><span class="cdx-button__icon cdx-demo-css-icon--search" aria-hidden="true"></span>yes</span>]]

{{Template:Clickable button/sandbox2|icon=search |link=yes}} →

Icon with label

{{Template:Clickable button/sandbox|icon=search |label=Search}}

{{Template:Clickable button/sandbox|icon=search |label=Search}} → Search

'"`UNIQ--templatestyles-00000077-QINU`"''"`UNIQ--templatestyles-00000079-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true"><span class="cdx-button__icon cdx-demo-css-icon--search" aria-hidden="true"></span>Search</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|icon=search |label=Search}} →

Icon only with aria-label

{{Template:Clickable button/sandbox|aria-label=Search |icon=search}}

{{Template:Clickable button/sandbox|aria-label=Search |icon=search}} →

'"`UNIQ--templatestyles-0000007D-QINU`"''"`UNIQ--templatestyles-0000007F-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled cdx-button--icon-only" role="button" aria-label="Search" aria-disabled="true"><span class="cdx-button__icon cdx-demo-css-icon--search" aria-hidden="true"></span></span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|aria-label=Search |icon=search}} →

Accessibility tests

Missing label and aria-label (should error)

{{Template:Clickable button/sandbox|link=Main Page}}

{{Template:Clickable button/sandbox|link=Main Page}} → Main Page

'"`UNIQ--templatestyles-00000083-QINU`"'[[:Main Page|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Main Page</span>]]

{{Template:Clickable button/sandbox2|link=Main Page}} →

With aria-label

{{Template:Clickable button/sandbox|aria-label=Main page link |link=Main Page}}

{{Template:Clickable button/sandbox|aria-label=Main page link |link=Main Page}} → Main Page

'"`UNIQ--templatestyles-00000087-QINU`"'[[:Main Page|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-label="Main page link" aria-disabled="false">Main Page</span>]]

{{Template:Clickable button/sandbox2|aria-label=Main page link |link=Main Page}} →

Combination tests

Full example

{{Template:Clickable button/sandbox|Label1|Label2|Mistake3|action=progressive |aria-label=Download example |icon=success |label=Explicit label |size=large |url=https://done.org |weight=bold}}

{{Template:Clickable button/sandbox|Label1|Label2|Mistake3|action=progressive |aria-label=Download example |icon=success |label=Explicit label |size=large |url=https://done.org |weight=bold}}

→ Explicit label

'"`UNIQ--templatestyles-0000008B-QINU`"''"`UNIQ--templatestyles-0000008D-QINU`"'<span class="plainlinks">[http://https://done.org <span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-bold cdx-button--size-large cdx-button--fake-button--enabled" role="button" aria-label="Download example" aria-disabled="false"><span class="cdx-button__icon cdx-demo-css-icon--success" aria-hidden="true"></span>Explicit label</span>]</span>  [[Category:Pages using clickable button with external links]][[Category:Pages using Module:Clickable button with unknown parameters|3 = Mistake3]]

{{Template:Clickable button/sandbox2|Label1|Label2|Mistake3|action=progressive |aria-label=Download example |icon=success |label=Explicit label |size=large |url=https://done.org |weight=bold}} →

Label precedence tests

Case 1: Only 1= given → uses 1=

{{Template:Clickable button/sandbox|MainPage}}

{{Template:Clickable button/sandbox|MainPage}} → MainPage

'"`UNIQ--templatestyles-00000091-QINU`"'[[:MainPage|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">MainPage</span>]]

{{Template:Clickable button/sandbox2|MainPage}} →

Case 2: Only 2= given → uses 2=

{{Template:Clickable button/sandbox|2=Second label}}

{{Template:Clickable button/sandbox|2=Second label}} → Second label

'"`UNIQ--templatestyles-00000095-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Second label</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|2=Second label}} →

Case 3: 1= and 2= given → uses 2= (priority over 1=)

{{Template:Clickable button/sandbox|Fallback label|Second label}}

{{Template:Clickable button/sandbox|Fallback label|Second label}} → Second label

'"`UNIQ--templatestyles-00000099-QINU`"'[[:Fallback label|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Second label</span>]]

{{Template:Clickable button/sandbox2|Fallback label|Second label}} →

Case 4: label= given only → uses label=

{{Template:Clickable button/sandbox|label=Explicit label}}

{{Template:Clickable button/sandbox|label=Explicit label}} → Explicit label

'"`UNIQ--templatestyles-0000009D-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Explicit label</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|label=Explicit label}} →

Case 5: label= and 1= given → uses label= (priority over 1=)

{{Template:Clickable button/sandbox|Fallback label|label=Explicit label}}

{{Template:Clickable button/sandbox|Fallback label|label=Explicit label}} → Explicit label

'"`UNIQ--templatestyles-000000A1-QINU`"'[[:Fallback label|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Explicit label</span>]]

{{Template:Clickable button/sandbox2|Fallback label|label=Explicit label}} →

Case 6: label= and 2= given → uses label= (priority over 2=)

{{Template:Clickable button/sandbox|2=Second label |label=Explicit label}}

{{Template:Clickable button/sandbox|2=Second label |label=Explicit label}} → Explicit label

'"`UNIQ--templatestyles-000000A5-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Explicit label</span>  [[Category:Pages using clickable dummy button]]

{{Template:Clickable button/sandbox2|2=Second label |label=Explicit label}} →

Case 7: label=, 1=, and 2= all given → still uses label=

{{Template:Clickable button/sandbox|Fallback label|Second label|label=Explicit label}}

{{Template:Clickable button/sandbox|Fallback label|Second label|label=Explicit label}} → Explicit label

'"`UNIQ--templatestyles-000000A9-QINU`"'[[:Fallback label|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Explicit label</span>]]

{{Template:Clickable button/sandbox2|Fallback label|Second label|label=Explicit label}} →

Disabled and link=no tests

Case A: link=no → no link should be formed

{{Template:Clickable button/sandbox|Example page|link=no}}

{{Template:Clickable button/sandbox|Example page|link=no}} → Example page

'"`UNIQ--templatestyles-000000AD-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Example page</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|Example page|link=no}} →

Case B: disabled=1 → button should look disabled, but check if it still links

{{Template:Clickable button/sandbox|Example page|disabled=1}}

{{Template:Clickable button/sandbox|Example page|disabled=1}} → Example page

'"`UNIQ--templatestyles-000000B1-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Example page</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|Example page|disabled=1}} →

Case C: link=no and disabled=1 together → should render a non-clickable element, not a link

{{Template:Clickable button/sandbox|Example page|disabled=1 |link=no}}

{{Template:Clickable button/sandbox|Example page|disabled=1 |link=no}} → Example page

'"`UNIQ--templatestyles-000000B5-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Example page</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|Example page|disabled=1 |link=no}} →

Case D: Explicit label with link=no → label shows but no link

{{Template:Clickable button/sandbox|Example page|label=Explicit label |link=no}}

{{Template:Clickable button/sandbox|Example page|label=Explicit label |link=no}} → Explicit label

'"`UNIQ--templatestyles-000000B9-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Explicit label</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|Example page|label=Explicit label |link=no}} →

Examples

{{Template:Clickable button/sandbox|label=Click this |link=Example}}

{{Template:Clickable button/sandbox|label=Click this |link=Example}} → Click this

'"`UNIQ--templatestyles-000000BD-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Click this</span>]]

{{Template:Clickable button/sandbox2|label=Click this |link=Example}} →

{{Template:Clickable button/sandbox|action=destructive |label=Lorem |link=Example}}

{{Template:Clickable button/sandbox|action=destructive |label=Lorem |link=Example}} → Lorem

'"`UNIQ--templatestyles-000000C1-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Lorem</span>]]

{{Template:Clickable button/sandbox2|action=destructive |label=Lorem |link=Example}} →

{{Template:Clickable button/sandbox|action=progressive |label=Test1progressive |link=Example}}

{{Template:Clickable button/sandbox|action=progressive |label=Test1progressive |link=Example}} → Test1progressive

'"`UNIQ--templatestyles-000000C5-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Test1progressive</span>]]

{{Template:Clickable button/sandbox2|action=progressive |label=Test1progressive |link=Example}} →

{{Template:Clickable button/sandbox|action=progressive |label=Test2 |link=222 |weight=primary}}

{{Template:Clickable button/sandbox|action=progressive |label=Test2 |link=222 |weight=primary}} → Test2

'"`UNIQ--templatestyles-000000C9-QINU`"'[[:222|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-primary cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Test2</span>]]

{{Template:Clickable button/sandbox2|action=progressive |label=Test2 |link=222 |weight=primary}} →

{{Template:Clickable button/sandbox|action=destructive |label=Test1 |link=Example |weight=quiet}}

{{Template:Clickable button/sandbox|action=destructive |label=Test1 |link=Example |weight=quiet}} → Test1

'"`UNIQ--templatestyles-000000CD-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-quiet cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Test1</span>]]

{{Template:Clickable button/sandbox2|action=destructive |label=Test1 |link=Example |weight=quiet}} →

{{Template:Clickable button/sandbox|action=progressive |label=Test2 |link=222 |weight=primary}}

{{Template:Clickable button/sandbox|action=progressive |label=Test2 |link=222 |weight=primary}} → Test2

'"`UNIQ--templatestyles-000000D1-QINU`"'[[:222|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-primary cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Test2</span>]]

{{Template:Clickable button/sandbox2|action=progressive |label=Test2 |link=222 |weight=primary}} →

{{Template:Clickable button/sandbox|action=destructive |label=Lorem |link=Example |weight=primary}}

{{Template:Clickable button/sandbox|action=destructive |label=Lorem |link=Example |weight=primary}} → Lorem

'"`UNIQ--templatestyles-000000D5-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-primary cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Lorem</span>]]

{{Template:Clickable button/sandbox2|action=destructive |label=Lorem |link=Example |weight=primary}} →

{{Template:Clickable button/sandbox|label=Ipsum |link=Example |weight=quiet}}

{{Template:Clickable button/sandbox|label=Ipsum |link=Example |weight=quiet}} → Ipsum

'"`UNIQ--templatestyles-000000D9-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-quiet cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Ipsum</span>]]

{{Template:Clickable button/sandbox2|label=Ipsum |link=Example |weight=quiet}} →

{{Template:Clickable button/sandbox|label=Foo bar |link=Example |weight=primary}}

{{Template:Clickable button/sandbox|label=Foo bar |link=Example |weight=primary}} → Foo bar

'"`UNIQ--templatestyles-000000DD-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-primary cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Foo bar</span>]]

{{Template:Clickable button/sandbox2|label=Foo bar |link=Example |weight=primary}} →

{{Template:Clickable button/sandbox|action=progressive |label=Click! |link=Example |weight=primary}}

{{Template:Clickable button/sandbox|action=progressive |label=Click! |link=Example |weight=primary}} → Click!

'"`UNIQ--templatestyles-000000E1-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-primary cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Click!</span>]]

{{Template:Clickable button/sandbox2|action=progressive |label=Click! |link=Example |weight=primary}} →

{{Template:Clickable button/sandbox|action=progressive |icon=add |label=Add me |link=Example |weight=primary}}

{{Template:Clickable button/sandbox|action=progressive |icon=add |label=Add me |link=Example |weight=primary}} → Add me

'"`UNIQ--templatestyles-000000E5-QINU`"''"`UNIQ--templatestyles-000000E7-QINU`"'[[:Example|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-primary cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false"><span class="cdx-button__icon cdx-demo-css-icon--add" aria-hidden="true"></span>Add me</span>]]

{{Template:Clickable button/sandbox2|action=progressive |icon=add |label=Add me |link=Example |weight=primary}} →

{{Template:Clickable button/sandbox|label=Visit example.org |url=https://example.org}}

{{Template:Clickable button/sandbox|label=Visit example.org |url=https://example.org}} → Visit example.org

'"`UNIQ--templatestyles-000000EB-QINU`"'<span class="plainlinks">[http://https://example.org <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Visit example.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|label=Visit example.org |url=https://example.org}} →

{{Template:Clickable button/sandbox|disabled=1 |label=Disabled |link=Example}}

{{Template:Clickable button/sandbox|disabled=1 |label=Disabled |link=Example}} → Disabled

'"`UNIQ--templatestyles-000000EF-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Disabled</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|disabled=1 |label=Disabled |link=Example}} →

Wikilinks

{{Template:Clickable button/sandbox|Main Page|link=Main Page}}

{{Template:Clickable button/sandbox|Main Page|link=Main Page}} → Main Page

'"`UNIQ--templatestyles-000000F3-QINU`"'[[:Main Page|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Main Page</span>]]

{{Template:Clickable button/sandbox2|Main Page|link=Main Page}} →

{{Template:Clickable button/sandbox|Clickable button|label=Main Page |link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|label=Main Page |link=Clickable button}} → Main Page

'"`UNIQ--templatestyles-000000F7-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Main Page</span>]]

{{Template:Clickable button/sandbox2|Clickable button|label=Main Page |link=Clickable button}} →

{{Template:Clickable button/sandbox|Clickable button|label=Click here to visit the main page |link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|label=Click here to visit the main page |link=Clickable button}} → Click here to visit the main page

'"`UNIQ--templatestyles-000000FB-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Click here to visit the main page</span>]]

{{Template:Clickable button/sandbox2|Clickable button|label=Click here to visit the main page |link=Clickable button}} →

{{Template:Clickable button/sandbox|Clickable button|link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|link=Clickable button}} → Clickable button

'"`UNIQ--templatestyles-000000FF-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]]

{{Template:Clickable button/sandbox2|Clickable button|link=Clickable button}} →

No link

{{Template:Clickable button/sandbox|Clickable button|label=Click here |link=no}}

{{Template:Clickable button/sandbox|Clickable button|label=Click here |link=no}} → Click here

'"`UNIQ--templatestyles-00000103-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Click here</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|Clickable button|label=Click here |link=no}} →

{{Template:Clickable button/sandbox|Clickable button|link=no}}

{{Template:Clickable button/sandbox|Clickable button|link=no}} → Clickable button

'"`UNIQ--templatestyles-00000107-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Clickable button</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|Clickable button|link=no}} →

Colors

{{Template:Clickable button/sandbox|Clickable button|link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|link=Clickable button}} → Clickable button

'"`UNIQ--templatestyles-0000010B-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]]

{{Template:Clickable button/sandbox2|Clickable button|link=Clickable button}} →

{{Template:Clickable button/sandbox|Clickable button|color=blue |link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|color=blue |link=Clickable button}} → Clickable button

'"`UNIQ--templatestyles-0000010F-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Clickable button|color=blue |link=Clickable button}} →

{{Template:Clickable button/sandbox|Clickable button|color=red |link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|color=red |link=Clickable button}} → Clickable button

'"`UNIQ--templatestyles-00000113-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Clickable button|color=red |link=Clickable button}} →

{{Template:Clickable button/sandbox|Clickable button|class=mw-ui-progressive |link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|class=mw-ui-progressive |link=Clickable button}} → Clickable button

'"`UNIQ--templatestyles-00000117-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Clickable button|class=mw-ui-progressive |link=Clickable button}} →

{{Template:Clickable button/sandbox|Clickable button|class=mw-ui-destructive |link=Clickable button}}

{{Template:Clickable button/sandbox|Clickable button|class=mw-ui-destructive |link=Clickable button}} → Clickable button

'"`UNIQ--templatestyles-0000011B-QINU`"'[[:Clickable button|<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Clickable button|class=mw-ui-destructive |link=Clickable button}} →

URLs

{{Template:Clickable button/sandbox|Clickable button|url=https://example.com}}

{{Template:Clickable button/sandbox|Clickable button|url=https://example.com}} → Clickable button

'"`UNIQ--templatestyles-0000011F-QINU`"'<span class="plainlinks">[http://https://example.com <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|Clickable button|url=https://example.com}} →

{{Template:Clickable button/sandbox|Clickable button|aria-label= |url=https://example.com}}

{{Template:Clickable button/sandbox|Clickable button|aria-label= |url=https://example.com}} → Clickable button

'"`UNIQ--templatestyles-00000123-QINU`"'<span class="plainlinks">[http://https://example.com <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Clickable button</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|Clickable button|aria-label= |url=https://example.com}} →

{{Template:Clickable button/sandbox|Clickable button|Example|url=https://example.com}}

{{Template:Clickable button/sandbox|Clickable button|Example|url=https://example.com}} → Example

'"`UNIQ--templatestyles-00000127-QINU`"'<span class="plainlinks">[http://https://example.com <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Example</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|Clickable button|Example|url=https://example.com}} →

{{Template:Clickable button/sandbox|Clickable button|Example|url=https://example.com}}

{{Template:Clickable button/sandbox|Clickable button|Example|url=https://example.com}} → Example

'"`UNIQ--templatestyles-0000012B-QINU`"'<span class="plainlinks">[http://https://example.com <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Example</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|Clickable button|Example|url=https://example.com}} →

{{Template:Clickable button/sandbox|url=https://example.com}}

{{Template:Clickable button/sandbox|url=https://example.com}} → en.wikipedia.org

'"`UNIQ--templatestyles-0000012F-QINU`"'<span class="plainlinks">[http://https://example.com <span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">en.wikipedia.org</span>]</span>  [[Category:Pages using clickable button with external links]]

{{Template:Clickable button/sandbox2|url=https://example.com}} →

Dummy buttons

{{Template:Clickable button/sandbox|Clickable button|class=blue |label=Main Page |link=no}}

{{Template:Clickable button/sandbox|Clickable button|class=blue |label=Main Page |link=no}} → Main Page

'"`UNIQ--templatestyles-00000133-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Main Page</span>  [[Category:Pages using disabled button]] [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Clickable button|class=blue |label=Main Page |link=no}} →

{{Template:Clickable button/sandbox|Clickable button|class=blue |label=Main Page |link=no}}

{{Template:Clickable button/sandbox|Clickable button|class=blue |label=Main Page |link=no}} → Main Page

'"`UNIQ--templatestyles-00000137-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Main Page</span>  [[Category:Pages using disabled button]] [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Clickable button|class=blue |label=Main Page |link=no}} →

{{Template:Clickable button/sandbox|label=Main Page |link=no}}

{{Template:Clickable button/sandbox|label=Main Page |link=no}} → Main Page

'"`UNIQ--templatestyles-0000013B-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--disabled" role="button" aria-disabled="true">Main Page</span>  [[Category:Pages using disabled button]]

{{Template:Clickable button/sandbox2|label=Main Page |link=no}} →

Generic

{{Template:Clickable button/sandbox|Wikipedia|full=yes |link=Wikipedia}}

{{Template:Clickable button/sandbox|Wikipedia|full=yes |link=Wikipedia}} → Wikipedia

'"`UNIQ--templatestyles-0000013F-QINU`"'[[:Wikipedia|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Wikipedia</span>]] [[Category:Pages using Module:Clickable button with unknown parameters|full]]

{{Template:Clickable button/sandbox2|Wikipedia|full=yes |link=Wikipedia}} →

Generic 2

{{Template:Clickable button/sandbox|[[Wikipedia]]}}

{{Template:Clickable button/sandbox|[[Wikipedia]]}} → [[Wikipedia]]

'"`UNIQ--templatestyles-00000143-QINU`"'[[:Wikipedia|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">&#91;&#91;Wikipedia&#93;&#93;</span>]]

{{Template:Clickable button/sandbox2|[[Wikipedia]]}} →

Blank

{{Template:Clickable button/sandbox}}

{{Template:Clickable button/sandbox}} →
{{Template:Clickable button/sandbox2}} →

Color set to red

{{Template:Clickable button/sandbox|Foo|color=red}}

{{Template:Clickable button/sandbox|Foo|color=red}} → Foo

'"`UNIQ--templatestyles-00000149-QINU`"'[[:Foo|<span class="cdx-button cdx-button--fake-button cdx-button--action-destructive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Foo</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Foo|color=red}} →

Color set to green

{{Template:Clickable button/sandbox|Foo|category=no |color=green}}

{{Template:Clickable button/sandbox|Foo|category=no |color=green}} → Foo

'"`UNIQ--templatestyles-0000014D-QINU`"'[[:Foo|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Foo</span>]]

{{Template:Clickable button/sandbox2|Foo|category=no |color=green}} →

Color set to BLUE

{{Template:Clickable button/sandbox|Foo|color=BLUE}}

{{Template:Clickable button/sandbox|Foo|color=BLUE}} → Foo

'"`UNIQ--templatestyles-00000151-QINU`"'[[:Foo|<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="false">Foo</span>]]  [[Category:Pages using clickable button with outdated classes]]

{{Template:Clickable button/sandbox2|Foo|color=BLUE}} →

Lowercasing

But not of class.

{{Template:Clickable button/sandbox|class=metadata |icon=SEARch |label=Search |link=[[Special:Search]] |nocat=true}}

{{Template:Clickable button/sandbox|class=metadata |icon=SEARch |label=Search |link=[[Special:Search]] |nocat=true}} → Search

'"`UNIQ--templatestyles-0000015D-QINU`"''"`UNIQ--templatestyles-0000015F-QINU`"'[[:Special:Search|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium metadata cdx-button--fake-button--enabled" role="button" aria-disabled="false"><span class="cdx-button__icon cdx-demo-css-icon--search" aria-hidden="true"></span>Search</span>]]

{{Template:Clickable button/sandbox2|class=metadata |icon=SEARch |label=Search |link=[[Special:Search]] |nocat=true}} →

{{Template:Clickable button/sandbox|class=METAdata |icon=search |label=Search |link=[[Special:Search]] |nocat=true}}

{{Template:Clickable button/sandbox|class=METAdata |icon=search |label=Search |link=[[Special:Search]] |nocat=true}} → Search

'"`UNIQ--templatestyles-00000163-QINU`"''"`UNIQ--templatestyles-00000165-QINU`"'[[:Special:Search|<span class="cdx-button cdx-button--fake-button cdx-button--action- cdx-button--weight-normal cdx-button--size-medium metadata cdx-button--fake-button--enabled" role="button" aria-disabled="false"><span class="cdx-button__icon cdx-demo-css-icon--search" aria-hidden="true"></span>Search</span>]]

{{Template:Clickable button/sandbox2|class=METAdata |icon=search |label=Search |link=[[Special:Search]] |nocat=true}} →

{{Template:Clickable button/sandbox|color=BLUE |label=Search |nocat=true |wikilink=[[Special:Search]]}}

{{Template:Clickable button/sandbox|color=BLUE |label=Search |nocat=true |wikilink=[[Special:Search]]}} → Search

'"`UNIQ--templatestyles-00000169-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Search</span>

{{Template:Clickable button/sandbox2|color=BLUE |label=Search |nocat=true |wikilink=[[Special:Search]]}} →

{{Template:Clickable button/sandbox|color=blue |label=Search |nocat=true |wikilink=[[Special:Search]]}}

{{Template:Clickable button/sandbox|color=blue |label=Search |nocat=true |wikilink=[[Special:Search]]}} → Search

'"`UNIQ--templatestyles-0000016D-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Search</span>

{{Template:Clickable button/sandbox2|color=blue |label=Search |nocat=true |wikilink=[[Special:Search]]}} →

{{Template:Clickable button/sandbox|class=UI-button-Green |label=Search |nocat=true |wikilink=[[Special:Search]]}}

{{Template:Clickable button/sandbox|class=UI-button-Green |label=Search |nocat=true |wikilink=[[Special:Search]]}} → Search

'"`UNIQ--templatestyles-00000171-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Search</span>

{{Template:Clickable button/sandbox2|class=UI-button-Green |label=Search |nocat=true |wikilink=[[Special:Search]]}} →

{{Template:Clickable button/sandbox|class=ui-button-green |label=Search |nocat=true |wikilink=[[Special:Search]]}}

{{Template:Clickable button/sandbox|class=ui-button-green |label=Search |nocat=true |wikilink=[[Special:Search]]}} → Search

'"`UNIQ--templatestyles-00000175-QINU`"'<span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-normal cdx-button--size-medium cdx-button--fake-button--enabled" role="button" aria-disabled="true">Search</span>

{{Template:Clickable button/sandbox2|class=ui-button-green |label=Search |nocat=true |wikilink=[[Special:Search]]}} →