Template:Flow button: Difference between revisions

Content deleted Content added
Created page with "<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> === page === {{flow button|text=Page button|page=Main Page|color-blue=yes}} === URL === {{flow button|text=Page button|url=example|color-blue=yes}} === action === {{flow button|text=Page button|action=modal|target=default-modal}} category:Lisa catego..."
 
No edit summary
Line 6: Line 6:
{{flow button|text=Page button|page=Main Page|color-blue=yes}}
{{flow button|text=Page button|page=Main Page|color-blue=yes}}
=== URL ===
=== URL ===
{{flow button|text=Page button|url=example|color-blue=yes}}
{{flow button|text=Link button|url=example|color-blue=yes}}


=== action ===
=== action ===
{{flow button|text=Page button|action=modal|target=default-modal}}
{{flow button|text=Action button|action=modal|target=default-modal}}
[[category:Lisa]]
[[category:Lisa]]
[[category:interactions]]
[[category:interactions]]
[[category:flowbite]]
[[category:flowbite]]
</noinclude>
</noinclude>
<includeonly>{{#if:{{{text|}}}{{{icon|}}}|{{#if:{{{page|}}}|[[{{{page}}}{{{!}}|}}{{#if:{{{url|}}}|[{{{url}}} <span {{#if:{{{action|}}}|{{#switch:{{{action|}}}
<includeonly>{{#if:{{{text|}}}{{{icon|}}}|{{#if:{{{page|}}}|[[{{{page}}}{{{!}}|}}{{#if:{{{url|}}}|[{{{url}}} }}<span {{#if:{{{action|}}}|{{#switch:{{{action|}}}
|modal=data-modal-target="{{{target|default-modal}}}" data-modal-toggle="default-modal"
|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="{{{alternative class|block 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>{{#if:{{{page|}}}|]]|}}{{#if:{{{url|}}}|]}}|}}
data-modal-target="{{{target|default-modal}}}" data-modal-toggle="{{{target|default-modal}}}"}} }} class="{{{alternative class|block 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>{{#if:{{{page|}}}|]]|}}{{#if:{{{url|}}}|]}}|}}

Revision as of 15:37, 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

{{#if:Page button|{{#if:Main Page|[[Main Page{||}}Page button]]|}}

URL

{{#if:Link button|{{#if:|[[{{{page}}}{||}}[exampleLink button]|}}


action

{{#if:Action button|{{#if:|[[{{{page}}}{||}}Action button|}}