Template:Flow button: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 16:33, 6 September 2024

Usage:

{{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=}}

URL

Link button

action

Action button

flow button

Template parameters[Edit template data]
Parameter		Description	Type	Status
action	`action`	no description	Unknown	optional
target	`target`	no description	Unknown	optional
alternative class	`alternative class`	no description	Unknown	optional
display	`display`	no description	Unknown	optional
text-class	`text-class`	no description	Unknown	optional
color-blue	`color-blue`	no description	Unknown	optional
cursor	`cursor`	no description	Unknown	optional
class	`class`	no description	Unknown	optional
icon	`icon`	no description	Unknown	suggested
text	`text`	no description	String	suggested

@@ Line 1: / Line 1: @@
 <noinclude>
-Usage:
+'''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>{{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>
-</nowiki>
-=== page ===
-{{button|text=Page button|page=Main Page|color-blue=yes|display=inline}}
 === URL ===
-{{button|text=Link button|url=https://example.com|color-blue=yes}}
+{{Flow button|text=Link button|url=https://example.com|color-blue=yes}}
 === action ===
-{{button|text=Action button|action=modal|target=default-modal|text-class=text-black}}
+{{Flow button|text=Action button|action=modal|target=default-modal|text-class=text-black}}
 [[category:Lisa]]
 [[category:interactions]]
 [[category:flowbite]]
 </noinclude>
+<includeonly>{{#if:{{{text|}}}{{{icon|}}}|{{#if:{{{url|}}}|[{{{url}}} <span class="{{{display|block}}} {{{text-class|text-white}}} {{#if:{{{color-blue|}}}|bg-blue-700 hover:bg-blue-800 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800|bg-foxpurple hover:bg-foxpurple-heavy focus:ring-foxpurple-light dark:bg-foxpurple-dark dark:hover:bg-foxpurple dark:focus:ring-foxpurple-heavy}} focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center cursor-{{{cursor|pointer}}} {{{class|}}}" type="button">{{#if:{{{icon|}}}|{{i|{{{icon}}}}}|}}{{{text|}}}</span>]|<span {{#if:{{{action|}}}|{{#switch:{{{action|}}}|modal=data-modal-target="{{{target|default-modal}}}" data-modal-toggle="default-modal"
-<includeonly><span {{#if:{{{action|}}}|{{#switch:{{{action|}}}|modal=data-modal-target="{{{target|default-modal}}}" data-modal-toggle="default-modal"
-data-modal-target="{{{target|default-modal}}}" data-modal-toggle="{{{target|default-modal}}}"}} }} class="{{{display|block}}} {{{text-class|text-white}}} {{#if:{{{color-blue|}}}|bg-blue-700 hover:bg-blue-800 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800|bg-foxpurple hover:bg-foxpurple-heavy focus:ring-foxpurple-light dark:bg-foxpurple-dark dark:hover:bg-foxpurple dark:focus:ring-foxpurple-heavy}} focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center cursor-{{{cursor|pointer}}} {{{class|}}}" type="button">{{#if:{{{icon|}}}|{{i|{{{icon}}}}}|}}{{{text|}}}</span></includeonly>
+data-modal-target="{{{target|default-modal}}}" data-modal-toggle="{{{target|default-modal}}}"}} }} class="{{{display|block}}} {{{text-class|text-white}}} {{#if:{{{color-blue|}}}|bg-blue-700 hover:bg-blue-800 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800|bg-foxpurple hover:bg-foxpurple-heavy focus:ring-foxpurple-light dark:bg-foxpurple-dark dark:hover:bg-foxpurple dark:focus:ring-foxpurple-heavy}} focus:ring-4 focus:outline-none font-medium rounded-lg text-sm px-5 py-2.5 text-center cursor-{{{cursor|pointer}}} {{{class|}}}" type="button">{{#if:{{{icon|}}}|{{i|{{{icon}}}}}|}}{{{text|}}}</span>}} }}</includeonly>
 <noinclude>
 <templatedata>