Template:Button: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 19:13, 13 May 2025

Usage: {{button|text=Button Text|page=link to Page (optional)|url=link to URL (optional)|action=flowbite actions (optional)|target=flowbite target|icon=icon name (optional)|class=additional class|color-blue=yes/no}}

Examples

Page button

URL button

Link button

Action button

Creates a button with configurable styling and behavior

Template parameters[Edit template data]
Parameter		Description	Type	Status
text	`text`	Text to display on the button	String	optional
icon	`icon`	Icon name to display on the button	String	optional
page	`page`	Wiki page to link to	String	optional
url	`url`	External URL to link to	String	optional
action	`action`	Flowbite action to trigger	String	optional
target	`target`	Target for the action or link	String	optional
alternative class	`alternative class`	Additional CSS classes for alternative styling	String	optional
display	`display`	Display property	String	optional
text-class	`text-class`	CSS class for text styling Default text-white	String	optional
color-blue	`color-blue`	Whether to use blue color styling Default yes	String	optional
cursor	`cursor`	Cursor style Default pointer	String	optional
class	`class`	Additional CSS classes	String	optional

@@ Line 1: / Line 1: @@
 <noinclude>
 Usage:
-<nowiki>{{flow button|text=Must|page=link to Page (optional)|url=link to URL (optional)|action=flowbite actions (optional)|target=flowbite target|class=aditional class|alternative class=}}
+<nowiki>{{button|text=Button Text|page=link to Page (optional)|url=link to URL (optional)|action=flowbite actions (optional)|target=flowbite target|icon=icon name (optional)|class=additional class|color-blue=yes/no}}
 </nowiki>
-=== page ===
+=== Examples ===
+==== Page button ====
 {{button|text=Page button|page=Main Page|color-blue=yes}}
-=== URL ===
+==== URL button ====
 {{button|text=Link button|url=https://example.com|color-blue=yes}}
-=== action ===
+==== Action button ====
 {{button|text=Action button|action=modal|target=default-modal}}
 [[category:Lisa]]
 [[category:interactions]]
 [[category:flowbite]]
 </noinclude>
+<includeonly>{{#if:{{{text|}}}{{{icon|}}}|
-<includeonly>{{#if:{{{text|}}}{{{icon|}}}|{{#if:{{{page|}}}|[[{{{page}}}|{{Flow button|icon={{{icon|}}}|text={{{text|}}}|action={{{action|}}}|target={{{target |}}}|alternative class={{#if:{{{alternative class|}}}|{{{alternative class}}} }}|display={{{display|}}}|text-class={{{text-class|}}}|color-blue={{{color-blue|yes}}}|text-class={{{text-class|text-white}}}|cursor={{{cursor|pointer}}}|class={{{class|}}}}}]]|}}{{#if:{{{url|}}}|[{{{url}}} {{Flow button|icon={{{icon|}}}|text={{{text|}}}|action={{{action|}}}|target={{{target |}}}|alternative class={{#if:{{{alternative class|}}}|{{{alternative class}}} }}|display={{{display|}}}|text-class={{{text-class|}}}|color-blue={{{color-blue|yes}}}|text-class={{{text-class|text-white}}}|cursor={{{cursor|pointer}}}|class={{{class|}}}}}]|{{Flow button|icon={{{icon|}}}|text={{{text|}}}|action={{{action|}}}|target={{{target |}}}|alternative class={{#if:{{{alternative class|}}}|{{{alternative class}}} }}|display={{{display|}}}|text-class={{{text-class|}}}|color-blue={{{color-blue|yes}}}|text-class={{{text-class|text-white}}}|cursor={{{cursor|pointer}}}|class={{{class|}}}}}}}}}
+{{#vardefine:button_content|{{Flow button
+|icon={{{icon|}}}
+|text={{{text|}}}
+|action={{{action|}}}
+|target={{{target|}}}
+|alternative class={{{alternative class|}}}
+|display={{{display|}}}
+|text-class={{{text-class|text-white}}}
+|color-blue={{{color-blue|yes}}}
+|cursor={{{cursor|pointer}}}
+|class={{{class|}}}
+}}}}
+ {{#if:{{{page|}}}|
+[[{{{page}}}|{{#var:button_content}}]]
+|
+{{#if:{{{url|}}}|
+[{{{url}}} {{#var:button_content}}]
+|
+{{#var:button_content}}
+}}
+}}
+|}}
 </includeonly>
 <noinclude>
 <templatedata>
 {
+  "description": "Creates a button with configurable styling and behavior",
-	"params": {
-		"text": {},
+  "params": {
-		"icon": {},
+    "text": {
+      "description": "Text to display on the button",
-		"page": {},
+      "type": "string"
-		"action": {},
+    },
-		"target": {},
+    "icon": {
-		"alternative class": {},
+      "description": "Icon name to display on the button",
-		"display": {},
+      "type": "string"
-		"text-class": {},
+    },
-		"color-blue": {},
-		"cursor": {},
+    "page": {
+      "description": "Wiki page to link to",
-		"class": {},
+      "type": "string"
-		"url": {}
+    },
-	}
+    "url": {
+      "description": "External URL to link to",
+      "type": "string"
+    },
+    "action": {
+      "description": "Flowbite action to trigger",
+      "type": "string"
+    },
+    "target": {
+      "description": "Target for the action or link",
+      "type": "string"
+    },
+    "alternative class": {
+      "description": "Additional CSS classes for alternative styling",
+      "type": "string"
+    },
+    "display": {
+      "description": "Display property",
+      "type": "string"
+    },
+    "text-class": {
+      "description": "CSS class for text styling",
+      "type": "string",
+      "default": "text-white"
+    },
+    "color-blue": {
+      "description": "Whether to use blue color styling",
+      "type": "string",
+      "default": "yes"
+    },
+    "cursor": {
+      "description": "Cursor style",
+      "type": "string",
+      "default": "pointer"
+    },
+    "class": {
+      "description": "Additional CSS classes",
+      "type": "string"
+    }
+  }
 }
 </templatedata>

openfox.io template repository