Template:Clickable button/testcases
 | This is the template test cases page for the sandbox of Template:Clickable button. 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: |
{{test case |_output=nowiki+ |_showcode = yes |_format = inline |_collapsible = yes |_titlecode = yes
| 1 = <!-- Alias for wikilink -->
| 2 = <!-- Alias for label -->
| label = <!-- Button label -->
| link = <!-- Wikilink -->
| url = <!-- URL -->
<!-- Inputs are case-insensitive -->
| action = <!-- Progressive | Destructive | default: Default -->
| weight = <!-- Primary | Quiet | default: Normal -->
| size = <!-- Small | Large | default: Medium. Automatically chooses size based on line-height and device. -->
| icon = <!-- Per stored icon-list on [[Template:Clickable button/styles.css]]. -->
| aria-label =
| nocat =
| category =
}}
Live testcases
{{User sandbox}}
- Old
- New
Old
Wikipedia does not have an article on "Floccinaucinihilipilification", but its sister project Wiktionary does: You can also:
|
New
Wikipedia does not have an article on "Floccinaucinihilipilification", but its sister project Wiktionary does: You can also:
|
Old
Wikipedia does not have an article on "clickable button/testcases", but its sister project Wiktionary does: You can also:
|  |
New
Wikipedia does not have an article on "Damned if you do, damned if you don't", but its sister project Wiktionary does: You can also:
|
With cdx-button--word-wrap
Wikipedia does not have an article on "Damned if you do, damned if you don't", but its sister project Wiktionary does: You can also:
|
 | It is requested that a photograph be included in this article to improve its quality.
Wikipedians in Texas may be able to help! The external tool WordPress Openverse may be able to locate suitable images on Flickr and other web sites. |
| It is requested that a photograph be included in this article to improve its quality.
The external tool WordPress Openverse may be able to locate suitable images on Flickr and other web sites. |
Old
Wikipedia does not have an article on "clickable button/testcases", but its sister project Wiktionary does: You can also:
| |
New
Wikipedia does not have an article on "Attention whore", but its sister project Wiktionary does: You can also:
|
Basic tests
Blank button
{{Clickable button}}
Label only
{{Clickable button|label=Click me}}
{{Clickable button|label=Click me}}
{{Clickable button}}
'"`UNIQ--templatestyles-00000041-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]]
{{Clickable button|Click me}}
{{Clickable button|Click me}}→<span class="plainlinks clickbutton">[[Click me |<span class="mw-ui-button">Click me</span>]]</span>
{{Clickable button/sandbox|Click me}}→'"`UNIQ--templatestyles-00000045-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>]]
{{Clickable button|2=Click me}}
{{Clickable button|2=Click me}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Click me</span></span>
{{Clickable button/sandbox|2=Click me}}→'"`UNIQ--templatestyles-00000049-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]]
Link button
{{Clickable button|Main Page|label=Go Home |link=Main Page}}
{{Clickable button|Main Page|label=Go Home |link=Main Page}}→<span class="plainlinks clickbutton">[[Main Page |<span class="mw-ui-button">Main Page</span>]]</span>
{{Clickable button/sandbox|Main Page|label=Go Home |link=Main Page}}→'"`UNIQ--templatestyles-0000004D-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>]]
URL button
{{Clickable button|url=https://www.wikipedia.org/}}
{{Clickable button|url=https://www.wikipedia.org/}}→<span class="plainlinks clickbutton">[https://www.wikipedia.org/ <span class="mw-ui-button">https://www.wikipedia.org/</span>]</span>
{{Clickable button/sandbox|url=https://www.wikipedia.org/}}→'"`UNIQ--templatestyles-00000051-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]]
{{Clickable button|url=http:/www.wikipedia.org/}}
{{Clickable button|url=http:/www.wikipedia.org/}}→<span class="plainlinks clickbutton">[http:/www.wikipedia.org/ <span class="mw-ui-button">http:/www.wikipedia.org/</span>]</span>
{{Clickable button/sandbox|url=http:/www.wikipedia.org/}}→'"`UNIQ--templatestyles-00000055-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]]
{{Clickable button|url=https:/www.wikipedia.org/}}
{{Clickable button|url=https:/www.wikipedia.org/}}→<span class="plainlinks clickbutton">[https:/www.wikipedia.org/ <span class="mw-ui-button">https:/www.wikipedia.org/</span>]</span>
{{Clickable button/sandbox|url=https:/www.wikipedia.org/}}→'"`UNIQ--templatestyles-00000059-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]]
{{Clickable button|url=https://w.wikipedia.org}}
{{Clickable button|url=https://w.wikipedia.org}}→<span class="plainlinks clickbutton">[https://w.wikipedia.org <span class="mw-ui-button">https://w.wikipedia.org</span>]</span>
{{Clickable button/sandbox|url=https://w.wikipedia.org}}→'"`UNIQ--templatestyles-0000005D-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]]
{{Clickable button|url=https://wiki.org}}
{{Clickable button|url=https://wiki.org}}→<span class="plainlinks clickbutton">[https://wiki.org <span class="mw-ui-button">https://wiki.org</span>]</span>
{{Clickable button/sandbox|url=https://wiki.org}}→'"`UNIQ--templatestyles-00000061-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]]
{{Clickable button|url=htps://www.wikipedia.org/}}
{{Clickable button|url=htps://www.wikipedia.org/}}→<span class="plainlinks clickbutton">[htps://www.wikipedia.org/ <span class="mw-ui-button">htps://www.wikipedia.org/</span>]</span>
{{Clickable button/sandbox|url=htps://www.wikipedia.org/}}→'"`UNIQ--templatestyles-00000065-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]]
{{Clickable button|url=//www.wikipedia.org/}}
{{Clickable button|url=//www.wikipedia.org/}}→<span class="plainlinks clickbutton">[//www.wikipedia.org/ <span class="mw-ui-button">//www.wikipedia.org/</span>]</span>
{{Clickable button/sandbox|url=//www.wikipedia.org/}}→'"`UNIQ--templatestyles-00000069-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]]
{{Clickable button|url=www.wikipedia.org/}}
{{Clickable button|url=www.wikipedia.org/}}→<span class="plainlinks clickbutton">[www.wikipedia.org/ <span class="mw-ui-button">www.wikipedia.org/</span>]</span>
{{Clickable button/sandbox|url=www.wikipedia.org/}}→'"`UNIQ--templatestyles-0000006D-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]]
Disabled tests
- Disabled via parameter
{{Clickable button|wiki|wiki|disabled=1 |label=Disabled |link=wiki |url=example.org}}
{{Clickable button|wiki|wiki|disabled=1 |label=Disabled |link=wiki |url=example.org}}→<span class="plainlinks clickbutton">[example.org <span class="mw-ui-button">wiki</span>]</span>
{{Clickable button/sandbox|wiki|wiki|disabled=1 |label=Disabled |link=wiki |url=example.org}}→'"`UNIQ--templatestyles-00000071-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]]
- Disabled via link=no
{{Clickable button|wiki|wiki|label=No link |link=no |url=example.org}}
{{Clickable button|wiki|wiki|label=No link |link=no |url=example.org}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">wiki</span></span>
{{Clickable button/sandbox|wiki|wiki|label=No link |link=no |url=example.org}}→'"`UNIQ--templatestyles-00000075-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]]
Action / Color tests
- Progressive (blue/green)
{{Clickable button|color=blue |label=Progressive}}
{{Clickable button|color=blue |label=Progressive}}→{{Clickable button/sandbox|color=blue |label=Progressive}}→'"`UNIQ--templatestyles-00000079-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]]
{{Clickable button|class=ui-button-green |label=Progressive |link=Main Page}}
{{Clickable button|class=ui-button-green |label=Progressive |link=Main Page}}→{{Clickable button/sandbox|class=ui-button-green |label=Progressive |link=Main Page}}→'"`UNIQ--templatestyles-0000007D-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]]
- Destructive (red)
{{Clickable button|color=red |label=Delete}}
{{Clickable button|color=red |label=Delete}}→{{Clickable button/sandbox|color=red |label=Delete}}→'"`UNIQ--templatestyles-00000081-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]]
{{Clickable button|class=ui-button-red |label=Delete}}
{{Clickable button|class=ui-button-red |label=Delete}}→{{Clickable button/sandbox|class=ui-button-red |label=Delete}}→'"`UNIQ--templatestyles-00000085-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]]
Weight tests
- Normal
{{Clickable button|label=Normal |link=[[]] |weight=normal}}
{{Clickable button|label=Normal |link=[[]] |weight=normal}}→{{Clickable button/sandbox|label=Normal |link=[[]] |weight=normal}}→'"`UNIQ--templatestyles-00000089-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]]
- Primary
{{Clickable button|action=destructive |label=Primary |link=[[]] |weight=primary}}
{{Clickable button|action=destructive |label=Primary |link=[[]] |weight=primary}}→{{Clickable button/sandbox|action=destructive |label=Primary |link=[[]] |weight=primary}}→'"`UNIQ--templatestyles-0000008D-QINU`"'<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="true">Primary</span> [[Category:Pages using clickable dummy button]]
{{Clickable button|action=progressive |label=Primary |link=[[]] |weight=primary}}
{{Clickable button|action=progressive |label=Primary |link=[[]] |weight=primary}}→{{Clickable button/sandbox|action=progressive |label=Primary |link=[[]] |weight=primary}}→'"`UNIQ--templatestyles-00000091-QINU`"'<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="true">Primary</span> [[Category:Pages using clickable dummy button]]
- Quiet
{{Clickable button|label=Quiet |weight=quiet}}
{{Clickable button|label=Quiet |weight=quiet}}→{{Clickable button/sandbox|label=Quiet |weight=quiet}}→'"`UNIQ--templatestyles-00000095-QINU`"'<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="true">Quiet</span> [[Category:Pages using clickable dummy button]]
Size tests
{{Clickable button|label=Small |size=small}}
{{Clickable button|label=Small |size=small}}→{{Clickable button/sandbox|label=Small |size=small}}→'"`UNIQ--templatestyles-00000099-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]]
{{Clickable button|label=Medium |size=medium}}
{{Clickable button|label=Medium |size=medium}}→{{Clickable button/sandbox|label=Medium |size=medium}}→'"`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">Medium</span> [[Category:Pages using clickable dummy button]]
{{Clickable button|label=Large |size=large}}
{{Clickable button|label=Large |size=large}}→{{Clickable button/sandbox|label=Large |size=large}}→'"`UNIQ--templatestyles-000000A1-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]]
Icon tests
{{Clickable button|icon=sEarch |label=Search |link=test |nocat=truE}}
{{Clickable button|icon=sEarch |label=Search |link=test |nocat=truE}}→{{Clickable button/sandbox|icon=sEarch |label=Search |link=test |nocat=truE}}→'"`UNIQ--templatestyles-000000A5-QINU`"''"`UNIQ--templatestyles-000000A7-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--search" aria-hidden="true"></span>Search</span>]]
- Icon only (should error without aria-label)
{{Clickable button|icon=Search |link=special:search |nocat=true |weight=quiet}}
{{Clickable button|icon=Search |link=special:search |nocat=true |weight=quiet}}→{{Clickable button/sandbox|icon=Search |link=special:search |nocat=true |weight=quiet}}→'"`UNIQ--templatestyles-000000AB-QINU`"''"`UNIQ--templatestyles-000000AD-QINU`"'[[:special:search|<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"><span class="cdx-button__icon cdx-demo-css-icon--search" aria-hidden="true"></span>special:search</span>]]
- Icon with label
{{Clickable button|icon=search |label=Search |nocat=true}}
{{Clickable button|icon=search |label=Search |nocat=true}}→{{Clickable button/sandbox|icon=search |label=Search |nocat=true}}→'"`UNIQ--templatestyles-000000B1-QINU`"''"`UNIQ--templatestyles-000000B3-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>
- Icon only with aria-label
{{Clickable button|aria-label=Search |icon=search |nocat=true}}
{{Clickable button|aria-label=Search |icon=search |nocat=true}}→{{Clickable button/sandbox|aria-label=Search |icon=search |nocat=true}}→'"`UNIQ--templatestyles-000000B7-QINU`"''"`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--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>
Accessibility tests
- Missing label and aria-label (should error)
{{Clickable button|link=Main Page}}
{{Clickable button|link=Main Page}}→{{Clickable button/sandbox|link=Main Page}}→'"`UNIQ--templatestyles-000000BD-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>]]
- With aria-label
{{Clickable button|aria-label=Main page link |link=Main Page}}
{{Clickable button|aria-label=Main page link |link=Main Page}}→{{Clickable button/sandbox|aria-label=Main page link |link=Main Page}}→'"`UNIQ--templatestyles-000000C1-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>]]
Combination tests
- Full example
{{Clickable button|Label1|Label2|Mistake3|action=progressive |aria-label=Download example |icon=success |label=Explicit label |size=large |url=https://done.org |weight=primary}}
{{Clickable button|Label1|Label2|Mistake3|action=progressive |aria-label=Download example |icon=success |label=Explicit label |size=large |url=https://done.org |weight=primary}}→<span class="plainlinks clickbutton">[https://done.org <span class="mw-ui-button">Label1</span>]</span>
{{Clickable button/sandbox|Label1|Label2|Mistake3|action=progressive |aria-label=Download example |icon=success |label=Explicit label |size=large |url=https://done.org |weight=primary}}→'"`UNIQ--templatestyles-000000C5-QINU`"''"`UNIQ--templatestyles-000000C7-QINU`"'<span class="plainlinks">[http://https://done.org <span class="cdx-button cdx-button--fake-button cdx-button--action-progressive cdx-button--weight-primary 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]]
Label precedence tests
- Case 1
- Only 1= given → uses 1=
{{Clickable button|MainPage}}
{{Clickable button|MainPage}}→<span class="plainlinks clickbutton">[[MainPage |<span class="mw-ui-button">MainPage</span>]]</span>
{{Clickable button/sandbox|MainPage}}→'"`UNIQ--templatestyles-000000CB-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>]]
- Case 2
- Only 2= given → uses 2=
{{Clickable button|2=Second label}}
{{Clickable button|2=Second label}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Second label</span></span>
{{Clickable button/sandbox|2=Second label}}→'"`UNIQ--templatestyles-000000CF-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]]
- Case 3
- 1= and 2= given → uses 2= (priority over 1=)
{{Clickable button|Fallback label|Second label}}
{{Clickable button|Fallback label|Second label}}→<span class="plainlinks clickbutton">[[Fallback label |<span class="mw-ui-button">Second label</span>]]</span>
{{Clickable button/sandbox|Fallback label|Second label}}→'"`UNIQ--templatestyles-000000D3-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>]]
- Case 4
- label= given only → uses label=
{{Clickable button|label=Explicit label}}
{{Clickable button|label=Explicit label}}→{{Clickable button/sandbox|label=Explicit label}}→'"`UNIQ--templatestyles-000000D7-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]]
- Case 5
- label= and 1= given → uses label= (priority over 1=)
{{Clickable button|Fallback label|label=Explicit label}}
{{Clickable button|Fallback label|label=Explicit label}}→<span class="plainlinks clickbutton">[[Fallback label |<span class="mw-ui-button">Fallback label</span>]]</span>
{{Clickable button/sandbox|Fallback label|label=Explicit label}}→'"`UNIQ--templatestyles-000000DB-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>]]
- Case 6
- label= and 2= given → uses label= (priority over 2=)
{{Clickable button|2=Second label |label=Explicit label}}
{{Clickable button|2=Second label |label=Explicit label}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Second label</span></span>
{{Clickable button/sandbox|2=Second label |label=Explicit label}}→'"`UNIQ--templatestyles-000000DF-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]]
- Case 7
- label=, 1=, and 2= all given → still uses label=
{{Clickable button|Fallback label|Second label|label=Explicit label}}
{{Clickable button|Fallback label|Second label|label=Explicit label}}→<span class="plainlinks clickbutton">[[Fallback label |<span class="mw-ui-button">Second label</span>]]</span>
{{Clickable button/sandbox|Fallback label|Second label|label=Explicit label}}→'"`UNIQ--templatestyles-000000E3-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>]]
Disabled and link=no tests
- Case A
- link=no → no link should be formed
{{Clickable button|Example page|link=no}}
{{Clickable button|Example page|link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Example page</span></span>
{{Clickable button/sandbox|Example page|link=no}}→'"`UNIQ--templatestyles-000000E7-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]]
- Case B
- disabled=1 → button should look disabled, but check if it still links
{{Clickable button|Example page|disabled=1}}
{{Clickable button|Example page|disabled=1}}→<span class="plainlinks clickbutton">[[Example page |<span class="mw-ui-button">Example page</span>]]</span>
{{Clickable button/sandbox|Example page|disabled=1}}→'"`UNIQ--templatestyles-000000EB-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]]
- Case C
- link=no and disabled=1 together → should render a non-clickable element, not a link
{{Clickable button|Example page|disabled=1 |link=no}}
{{Clickable button|Example page|disabled=1 |link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Example page</span></span>
{{Clickable button/sandbox|Example page|disabled=1 |link=no}}→'"`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">Example page</span> [[Category:Pages using disabled button]]
- Case D
- Explicit label with link=no → label shows but no link
{{Clickable button|Example page|label=Explicit label |link=no}}
{{Clickable button|Example page|label=Explicit label |link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Example page</span></span>
{{Clickable button/sandbox|Example page|label=Explicit label |link=no}}→'"`UNIQ--templatestyles-000000F3-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]]
Examples
{{Clickable button|label=Click this |link=Example}}
{{Clickable button|label=Click this |link=Example}}→{{Clickable button/sandbox|label=Click this |link=Example}}→'"`UNIQ--templatestyles-000000F7-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>]]
{{Clickable button|action=destructive |label=Lorem |link=Example}}
{{Clickable button|action=destructive |label=Lorem |link=Example}}→{{Clickable button/sandbox|action=destructive |label=Lorem |link=Example}}→'"`UNIQ--templatestyles-000000FB-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>]]
{{Clickable button|action=progressive |label=Test1progressive |link=Example}}
{{Clickable button|action=progressive |label=Test1progressive |link=Example}}→{{Clickable button/sandbox|action=progressive |label=Test1progressive |link=Example}}→'"`UNIQ--templatestyles-000000FF-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>]]
{{Clickable button|action=progressive |label=Test2 |link=222 |weight=primary}}
{{Clickable button|action=progressive |label=Test2 |link=222 |weight=primary}}→{{Clickable button/sandbox|action=progressive |label=Test2 |link=222 |weight=primary}}→'"`UNIQ--templatestyles-00000103-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>]]
{{Clickable button|action=destructive |label=Test1 |link=Example |weight=quiet}}
{{Clickable button|action=destructive |label=Test1 |link=Example |weight=quiet}}→{{Clickable button/sandbox|action=destructive |label=Test1 |link=Example |weight=quiet}}→'"`UNIQ--templatestyles-00000107-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>]]
{{Clickable button|action=progressive |label=Test2 |link=222 |weight=primary}}
{{Clickable button|action=progressive |label=Test2 |link=222 |weight=primary}}→{{Clickable button/sandbox|action=progressive |label=Test2 |link=222 |weight=primary}}→'"`UNIQ--templatestyles-0000010B-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>]]
{{Clickable button|action=destructive |label=Lorem |link=Example |weight=primary}}
{{Clickable button|action=destructive |label=Lorem |link=Example |weight=primary}}→{{Clickable button/sandbox|action=destructive |label=Lorem |link=Example |weight=primary}}→'"`UNIQ--templatestyles-0000010F-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>]]
{{Clickable button|label=Ipsum |link=Example |weight=quiet}}
{{Clickable button|label=Ipsum |link=Example |weight=quiet}}→{{Clickable button/sandbox|label=Ipsum |link=Example |weight=quiet}}→'"`UNIQ--templatestyles-00000113-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>]]
{{Clickable button|label=Foo bar |link=Example |weight=primary}}
{{Clickable button|label=Foo bar |link=Example |weight=primary}}→{{Clickable button/sandbox|label=Foo bar |link=Example |weight=primary}}→'"`UNIQ--templatestyles-00000117-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>]]
{{Clickable button|action=progressive |label=Click! |link=Example |weight=primary}}
{{Clickable button|action=progressive |label=Click! |link=Example |weight=primary}}→{{Clickable button/sandbox|action=progressive |label=Click! |link=Example |weight=primary}}→'"`UNIQ--templatestyles-0000011B-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>]]
{{Clickable button|action=progressive |icon=add |label=Add me |link=Example |weight=primary}}
{{Clickable button|action=progressive |icon=add |label=Add me |link=Example |weight=primary}}→{{Clickable button/sandbox|action=progressive |icon=add |label=Add me |link=Example |weight=primary}}→'"`UNIQ--templatestyles-0000011F-QINU`"''"`UNIQ--templatestyles-00000121-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>]]
{{Clickable button|label=Visit example.org |url=https://example.org}}
{{Clickable button|label=Visit example.org |url=https://example.org}}→<span class="plainlinks clickbutton">[https://example.org <span class="mw-ui-button">https://example.org</span>]</span>
{{Clickable button/sandbox|label=Visit example.org |url=https://example.org}}→'"`UNIQ--templatestyles-00000125-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]]
{{Clickable button|disabled=1 |label=Disabled |link=Example}}
{{Clickable button|disabled=1 |label=Disabled |link=Example}}→{{Clickable button/sandbox|disabled=1 |label=Disabled |link=Example}}→'"`UNIQ--templatestyles-00000129-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]]
Wikilinks
{{Clickable button|Main Page|link=Main Page}}
{{Clickable button|Main Page|link=Main Page}}→<span class="plainlinks clickbutton">[[Main Page |<span class="mw-ui-button">Main Page</span>]]</span>
{{Clickable button/sandbox|Main Page|link=Main Page}}→'"`UNIQ--templatestyles-0000012D-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>]]
{{Clickable button|Clickable button|label=Main Page |link=Clickable button}}
{{Clickable button|Clickable button|label=Main Page |link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|label=Main Page |link=Clickable button}}→'"`UNIQ--templatestyles-00000131-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>]]
{{Clickable button|Clickable button|label=Click here to visit the main page |link=Clickable button}}
{{Clickable button|Clickable button|label=Click here to visit the main page |link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|label=Click here to visit the main page |link=Clickable button}}→'"`UNIQ--templatestyles-00000135-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>]]
{{Clickable button|Clickable button|link=Clickable button}}
{{Clickable button|Clickable button|link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|link=Clickable button}}→'"`UNIQ--templatestyles-00000139-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>]]
No link
{{Clickable button|Clickable button|label=Click here |link=no}}
{{Clickable button|Clickable button|label=Click here |link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Clickable button</span></span>
{{Clickable button/sandbox|Clickable button|label=Click here |link=no}}→'"`UNIQ--templatestyles-0000013D-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]]
{{Clickable button|Clickable button|link=no}}
{{Clickable button|Clickable button|link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button">Clickable button</span></span>
{{Clickable button/sandbox|Clickable button|link=no}}→'"`UNIQ--templatestyles-00000141-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]]
Colors
{{Clickable button|Clickable button|link=Clickable button}}
{{Clickable button|Clickable button|link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|link=Clickable button}}→'"`UNIQ--templatestyles-00000145-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>]]
{{Clickable button|Clickable button|color=blue |link=Clickable button}}
{{Clickable button|Clickable button|color=blue |link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button mw-ui-progressive">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|color=blue |link=Clickable button}}→'"`UNIQ--templatestyles-00000149-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]]
{{Clickable button|Clickable button|color=red |link=Clickable button}}
{{Clickable button|Clickable button|color=red |link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button mw-ui-destructive">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|color=red |link=Clickable button}}→'"`UNIQ--templatestyles-0000014D-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]]
{{Clickable button|Clickable button|class=mw-ui-progressive |link=Clickable button}}
{{Clickable button|Clickable button|class=mw-ui-progressive |link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button mw-ui-progressive">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|class=mw-ui-progressive |link=Clickable button}}→'"`UNIQ--templatestyles-00000151-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]]
{{Clickable button|Clickable button|class=mw-ui-destructive |link=Clickable button}}
{{Clickable button|Clickable button|class=mw-ui-destructive |link=Clickable button}}→<span class="plainlinks clickbutton">[[Clickable button |<span class="mw-ui-button mw-ui-destructive">Clickable button</span>]]</span>
{{Clickable button/sandbox|Clickable button|class=mw-ui-destructive |link=Clickable button}}→'"`UNIQ--templatestyles-00000155-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]]
URLs
{{Clickable button|Clickable button|url=https://example.com}}
{{Clickable button|Clickable button|url=https://example.com}}→<span class="plainlinks clickbutton">[https://example.com <span class="mw-ui-button">Clickable button</span>]</span>
{{Clickable button/sandbox|Clickable button|url=https://example.com}}→'"`UNIQ--templatestyles-00000159-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]]
{{Clickable button|Clickable button|aria-label= |url=https://example.com}}
{{Clickable button|Clickable button|aria-label= |url=https://example.com}}→<span class="plainlinks clickbutton">[https://example.com <span class="mw-ui-button">Clickable button</span>]</span>
{{Clickable button/sandbox|Clickable button|aria-label= |url=https://example.com}}→'"`UNIQ--templatestyles-0000015D-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]]
{{Clickable button|Clickable button|Example|url=https://example.com}}
{{Clickable button|Clickable button|Example|url=https://example.com}}→<span class="plainlinks clickbutton">[https://example.com <span class="mw-ui-button">Clickable button</span>]</span>
{{Clickable button/sandbox|Clickable button|Example|url=https://example.com}}→'"`UNIQ--templatestyles-00000161-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]]
{{Clickable button|Clickable button|Example|url=https://example.com}}
{{Clickable button|Clickable button|Example|url=https://example.com}}→<span class="plainlinks clickbutton">[https://example.com <span class="mw-ui-button">Clickable button</span>]</span>
{{Clickable button/sandbox|Clickable button|Example|url=https://example.com}}→'"`UNIQ--templatestyles-00000165-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]]
{{Clickable button|url=https://example.com}}
{{Clickable button|url=https://example.com}}→<span class="plainlinks clickbutton">[https://example.com <span class="mw-ui-button">https://example.com</span>]</span>
{{Clickable button/sandbox|url=https://example.com}}→'"`UNIQ--templatestyles-00000169-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]]
Dummy buttons
{{Clickable button|Clickable button|class=blue |label=Main Page |link=no}}
{{Clickable button|Clickable button|class=blue |label=Main Page |link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button blue">Clickable button</span></span>
{{Clickable button/sandbox|Clickable button|class=blue |label=Main Page |link=no}}→'"`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--disabled" role="button" aria-disabled="true">Main Page</span> [[Category:Pages using disabled button]] [[Category:Pages using clickable button with outdated classes]]
{{Clickable button|Clickable button|class=blue |label=Main Page |link=no}}
{{Clickable button|Clickable button|class=blue |label=Main Page |link=no}}→<span class="plainlinks clickbutton"><span class="mw-ui-button blue">Clickable button</span></span>
{{Clickable button/sandbox|Clickable button|class=blue |label=Main Page |link=no}}→'"`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--disabled" role="button" aria-disabled="true">Main Page</span> [[Category:Pages using disabled button]] [[Category:Pages using clickable button with outdated classes]]
{{Clickable button|label=Main Page |link=no}}
{{Clickable button|label=Main Page |link=no}}→{{Clickable button/sandbox|label=Main Page |link=no}}→'"`UNIQ--templatestyles-00000175-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]]
Generic
{{Clickable button|Wikipedia|full=yes |link=Wikipedia}}
{{Clickable button|Wikipedia|full=yes |link=Wikipedia}}→<span class="plainlinks clickbutton">[[Wikipedia |<span class="mw-ui-button">Wikipedia</span>]]</span>
{{Clickable button/sandbox|Wikipedia|full=yes |link=Wikipedia}}→'"`UNIQ--templatestyles-00000179-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]]
Generic 2
{{Clickable button|[[Wikipedia]]}}
{{Clickable button|[[Wikipedia]]}}→<span class="plainlinks clickbutton">[[Wikipedia |<span class="mw-ui-button">Wikipedia</span>]]</span>
{{Clickable button/sandbox|[[Wikipedia]]}}→'"`UNIQ--templatestyles-0000017D-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>]]
Blank
{{Clickable button}}
{{Clickable button}}→{{Clickable button/sandbox}}→
Color set to red
{{Clickable button|Foo|color=red}}
{{Clickable button|Foo|color=red}}→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-destructive">Foo</span>]]</span>
{{Clickable button/sandbox|Foo|color=red}}→'"`UNIQ--templatestyles-00000183-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]]
Color set to green
{{Clickable button|Foo|category=Example categorization |color=green}}
{{Clickable button|Foo|category=Example categorization |color=green}}→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-constructive">Foo</span>]]</span>
{{Clickable button/sandbox|Foo|category=Example categorization |color=green}}→ Example categorization'"`UNIQ--templatestyles-00000187-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>]] [[Example categorization]] [[Category:Pages using clickable button with outdated classes]][[Category:Pages using Module:Clickable button with unknown parameters|category]]
Color set to BLUE
{{Clickable button|Foo|color=BLUE}}
{{Clickable button|Foo|color=BLUE}}→<span class="plainlinks clickbutton">[[Foo |<span class="mw-ui-button mw-ui-progressive">Foo</span>]]</span>
{{Clickable button/sandbox|Foo|color=BLUE}}→'"`UNIQ--templatestyles-0000018B-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]]
Categories
{{Clickable button|category=Testing categorization |label=text |nocat=true}}
{{Clickable button|category=Testing categorization |label=text |nocat=true}}→{{Clickable button/sandbox|category=Testing categorization |label=text |nocat=true}}→ Testing categorization'"`UNIQ--templatestyles-0000018F-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">text</span> [[Testing categorization]]
{{Clickable button|nocat=true}}
{{Clickable button|nocat=true}}→{{Clickable button/sandbox|nocat=true}}→'"`UNIQ--templatestyles-00000193-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> [[Category:Errors reported by Module:Clickable button]]
Lowercasing
But not of class.
{{Clickable button|class=metadata |icon=SEARch |label=Search |link=Special:Search |nocat=true}}
{{Clickable button|class=metadata |icon=SEARch |label=Search |link=Special:Search |nocat=true}}→{{Clickable button/sandbox|class=metadata |icon=SEARch |label=Search |link=Special:Search |nocat=true}}→'"`UNIQ--templatestyles-00000197-QINU`"''"`UNIQ--templatestyles-00000199-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>]]
{{Clickable button|class=METAdata |icon=search |label=Search |link=Special:Search |nocat=true}}
{{Clickable button|class=METAdata |icon=search |label=Search |link=Special:Search |nocat=true}}→{{Clickable button/sandbox|class=METAdata |icon=search |label=Search |link=Special:Search |nocat=true}}→'"`UNIQ--templatestyles-0000019D-QINU`"''"`UNIQ--templatestyles-0000019F-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>]]
{{Clickable button|color=BLUE |label=Search |nocat=true |wikilink=Special:Search}}
{{Clickable button|color=BLUE |label=Search |nocat=true |wikilink=Special:Search}}→{{Clickable button/sandbox|color=BLUE |label=Search |nocat=true |wikilink=Special:Search}}→'"`UNIQ--templatestyles-000001A3-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>
{{Clickable button|color=blue |label=Search |nocat=true |wikilink=Special:Search}}
{{Clickable button|color=blue |label=Search |nocat=true |wikilink=Special:Search}}→{{Clickable button/sandbox|color=blue |label=Search |nocat=true |wikilink=Special:Search}}→'"`UNIQ--templatestyles-000001A7-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>
{{Clickable button|class=UI-button-Green |label=Search |nocat=true |wikilink=Special:Search}}
{{Clickable button|class=UI-button-Green |label=Search |nocat=true |wikilink=Special:Search}}→{{Clickable button/sandbox|class=UI-button-Green |label=Search |nocat=true |wikilink=Special:Search}}→'"`UNIQ--templatestyles-000001AB-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>
{{Clickable button|class=ui-button-green |label=Search |nocat=true |wikilink=Special:Search}}
{{Clickable button|class=ui-button-green |label=Search |nocat=true |wikilink=Special:Search}}→{{Clickable button/sandbox|class=ui-button-green |label=Search |nocat=true |wikilink=Special:Search}}→'"`UNIQ--templatestyles-000001AF-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>
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.