Template:Button/doc: Difference between revisions

From Xen
Jump to navigationJump to search
No edit summary
Line 35: Line 35:
|{{Button|[http://www.mediawiki.org External]|style=btn-small}}
|{{Button|[http://www.mediawiki.org External]|style=btn-small}}
|-
|-
|(default, no argument)
|(default)
|{{Button|[http://www.mediawiki.org External]}}
|{{Button|[http://www.mediawiki.org External]}}
|-
|-
|btn-big
|btn-big
|{{Button|[http://www.mediawiki.org External]|style=btn-big}}
|{{Button|[http://www.mediawiki.org External]|style=btn-big}}
|}
=== Button Colors ===
{|
|'''Style'''
|'''Rendered Button'''
|-
|(default)
|{{Button|[http://www.mediawiki.org External]}}
|-
|btn-yellow
|{{Button|[http://www.mediawiki.org External]|style=btn-yellow}}
|-
|btn-green
|{{Button|[http://www.mediawiki.org External]|style=btn-green}}
|-
|btn-info
|{{Button|[http://www.mediawiki.org External]|style=btn-info}}
|-
|btn-success
|{{Button|[http://www.mediawiki.org External]|style=btn-success}}
|-
|btn-warning
|{{Button|[http://www.mediawiki.org External]|style=btn-warning}}
|-
|btn-danger
|{{Button|[http://www.mediawiki.org External]|style=btn-danger}}
|-
|btn-inverse
|{{Button|[http://www.mediawiki.org External]|style=btn-inverse}}
|}
|}

Revision as of 15:26, 22 June 2013

Usage

Basic

{{Button|[[Sandbox]]}}
{{Button|[[Sandbox|Another Link]]}}
{{Button|[http://www.mediawiki.org]}}
{{Button|[http://www.mediawiki.org/ External Link]}}

These render as:
Sandbox Another Link [1] External Link

Changing the Button Style

You can change the button style, by using the style argument. Note this must be the second argument: the first is always the button text (which should be a link).

{{Button|[[Sandbox]]|style=btn-success}}
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[http://www.mediawiki.org External]|style=btn-small btn-success}}

These render as:
Sandbox Another Link External

Available Styles

Button Sizes

Style Rendered Button
btn-small External
(default) External
btn-big External

Button Colors

Style Rendered Button
(default) External
btn-yellow External
btn-green External
btn-info External
btn-success External
btn-warning External
btn-danger External
btn-inverse External