Template:Flow button: Difference between revisions

Content deleted Content added

Inline

Revision as of 16:21, 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=}}

page

Page buttonPage button

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 4: / Line 4: @@
 </nowiki>
 === page ===
-{{button|text=Page button|page=Main Page|color-blue=yes|display=inline}}
+{{Flow button|text=Page button|page=Main Page|color-blue=yes|display=inline}}
 === URL ===
 {{button|text=Link button|url=https://example.com|color-blue=yes}}
@@ Line 14: / Line 14: @@
 [[category:flowbite]]
 </noinclude>
+<includeonly>{{#if:{{{text|}}}{{{icon|}}}|{{#if:{{{page|}}}|[[{{{page}}}|<span {{#if:{{{action|}}}|{{#switch:{{{action|}}}|modal=data-modal-target="{{{target|default-modal}}}" data-modal-toggle="default-modal"
-<includeonly><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">{{{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}} {{{alternative class|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>]]|}}{{#if:{{{url|}}}|[{{{url}}} <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}} {{{alternative class|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"
+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}} {{{alternative class|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>