Difference between revisions of "Template:Button/doc"

From Xen
(Available Styles =)
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