Template:Flow button - Revision history

FennecBot at 14:33, 6 September 2024

2024-09-06T14:33:45Z

← Older revision		Revision as of 17:33, 6 September 2024
Line 3:		Line 3:

	<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>{{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\|display=inline}}
	=== URL ===		=== URL ===
	{{Flow button\|text=Link button\|url=https://example.com\|color-blue=yes}}		{{Flow button\|text=Link button\|url=https://example.com\|color-blue=yes}}
Line 14:		Line 13:
	[[category:flowbite]]		[[category:flowbite]]
	</noinclude>		</noinclude>
	<includeonly>{{#if:{{{text\|}}}{{{icon\|}}}\|{{#if:{{{page\|}}}\|[[{{{page}}}\|<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>]]\|}}{{#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>{{#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"
	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>		<noinclude>

FennecBot at 14:27, 6 September 2024

2024-09-06T14:27:14Z

← Older revision		Revision as of 17:27, 6 September 2024
Line 1:		Line 1:
	<noinclude>		<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 ===		=== page ===
	{{Flow 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 ===		=== 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 ===		=== 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:Lisa]]
	[[category:interactions]]		[[category:interactions]]

FennecBot at 14:25, 6 September 2024

2024-09-06T14:25:46Z

← Older revision		Revision as of 17:25, 6 September 2024
Line 14:		Line 14:
	[[category:flowbite]]		[[category:flowbite]]
	</noinclude>		</noinclude>
		⚫	<includeonly>{{#if:{{{text\|}}}{{{icon\|}}}\|{{#if:{{{page\|}}}\|[[{{{page}}}\|<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>]]\|}}{{#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>{{#if:{{{text\|}}}{{{icon\|}}}\|{{#if:{{{page\|}}}\|[[{{{page}}}\|<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>]]\|}}{{#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}} 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}} 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>		<noinclude>

FennecBot at 14:24, 6 September 2024

2024-09-06T14:24:39Z

← Older revision		Revision as of 17:24, 6 September 2024
Line 15:		Line 15:
	</noinclude>		</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>{{#if:{{{text\|}}}{{{icon\|}}}\|{{#if:{{{page\|}}}\|[[{{{page}}}\|<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>]]\|}}{{#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}} 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}} 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>		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>		<noinclude>
	<templatedata>		<templatedata>

FennecBot at 14:21, 6 September 2024

2024-09-06T14:21:31Z

← Older revision		Revision as of 17:21, 6 September 2024
Line 4:		Line 4:
	</nowiki>		</nowiki>
	=== page ===		=== 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 ===		=== URL ===
	{{button\|text=Link button\|url=https://example.com\|color-blue=yes}}		{{button\|text=Link button\|url=https://example.com\|color-blue=yes}}
Line 14:		Line 14:
	[[category:flowbite]]		[[category:flowbite]]
	</noinclude>		</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>		<noinclude>
	<templatedata>		<templatedata>

FennecBot at 14:15, 6 September 2024

2024-09-06T14:15:43Z

← Older revision		Revision as of 17:15, 6 September 2024
Line 14:		Line 14:
	[[category:flowbite]]		[[category:flowbite]]
	</noinclude>		</noinclude>
		⚫	<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>
	<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>
	<noinclude>		<noinclude>
	<templatedata>		<templatedata>

FennecBot at 13:59, 6 September 2024

2024-09-06T13:59:44Z

← Older revision		Revision as of 16:59, 6 September 2024
Line 15:		Line 15:
	</noinclude>		</noinclude>
	<includeonly><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="~~{{{alternative 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>		<noinclude>
	<templatedata>		<templatedata>

FennecBot at 13:58, 6 September 2024

2024-09-06T13:58:50Z

← Older revision		Revision as of 16:58, 6 September 2024
Line 4:		Line 4:
	</nowiki>		</nowiki>
	=== page ===		=== page ===
	{{~~flow~~ button\|text=Page button\|page=Main Page\|color-blue=yes\|display=inline}}		{{button\|text=Page button\|page=Main Page\|color-blue=yes\|display=inline}}
	=== URL ===		=== URL ===
	{{~~flow~~ button\|text=Link button\|url=https://example.com\|color-blue=yes}}		{{button\|text=Link button\|url=https://example.com\|color-blue=yes}}

	=== action ===		=== action ===
	{{~~flow~~ button\|text=Action button\|action=modal\|target=default-modal\|text-class=text-black}}		{{button\|text=Action button\|action=modal\|target=default-modal\|text-class=text-black}}
	[[category:Lisa]]		[[category:Lisa]]
	[[category:interactions]]		[[category:interactions]]
	[[category:flowbite]]		[[category:flowbite]]
	</noinclude>		</noinclude>
	<includeonly><span {{#if:{{{action\|}}}\|{{#switch:{{{action\|}}}		<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="{{{alternative 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>
	\|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\|{{{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>		<noinclude>
	<templatedata>		<templatedata>

FennecBot at 13:47, 6 September 2024

2024-09-06T13:47:05Z

← Older revision		Revision as of 16:47, 6 September 2024
Line 18:		Line 18:
	data-modal-target="{{{target\|default-modal}}}" data-modal-toggle="{{{target\|default-modal}}}"}} }} class="{{{alternative 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>		data-modal-target="{{{target\|default-modal}}}" data-modal-toggle="{{{target\|default-modal}}}"}} }} class="{{{alternative 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>		</includeonly>
			<noinclude>
			<templatedata>
			{
			"params": {
			"action": {},
			"target": {},
			"alternative class": {},
			"display": {},
			"text-class": {},
			"color-blue": {},
			"cursor": {},
			"class": {},
			"icon": {
			"suggested": true
			},
			"text": {
			"type": "string",
			"suggested": true
			}
			},
			"description": "flow button"
			}
			</templatedata>
			</noinclude>

FennecBot at 13:45, 6 September 2024

2024-09-06T13:45:40Z

← Older revision		Revision as of 16:45, 6 September 2024
Line 9:		Line 9:

	=== action ===		=== action ===
	{{flow button\|text=Action button\|action=modal\|target=default-modal}}		{{flow button\|text=Action button\|action=modal\|target=default-modal\|text-class=text-black}}
	[[category:Lisa]]		[[category:Lisa]]
	[[category:interactions]]		[[category:interactions]]
Line 16:		Line 16:
	<includeonly><span {{#if:{{{action\|}}}\|{{#switch:{{{action\|}}}		<includeonly><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\|{{{display\|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>		data-modal-target="{{{target\|default-modal}}}" data-modal-toggle="{{{target\|default-modal}}}"}} }} class="{{{alternative 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>		</includeonly>