christoph/svelte-formula11
1
Fork 0
Code Issues 21 Actions Packages Projects 1 Activity

Lib: Add newtab option to Button component

Browse Source
This commit is contained in:
Christoph Urlacher
2025-03-25 20:33:28 +01:00
parent cb4a2140f7
commit 415c9e3ae1
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/form/Button.svelte
View File

@ -21,6 +21,9 @@
/** Make the button act as a link. */ /** Make the button act as a link. */
href?: string; href?: string;
/** Open the link inside a new tab. */
newtab?: boolean;
/** Add a width class to the button. */ /** Add a width class to the button. */
width?: string; width?: string;
@ -54,6 +57,7 @@
color = undefined, color = undefined,
submit = false, submit = false,
href = undefined, href = undefined,
newtab = false,
width = "w-auto", width = "w-auto",
activate = false, activate = false,
activate_href = false, activate_href = false,
@ -70,6 +74,8 @@
{#if href} {#if href}
<a <a
{href} {href}
target={newtab ? "_blank" : undefined}
rel={newtab ? "noopener noreferrer" : undefined}
class="btn m-0 select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {width} {activate class="btn m-0 select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {width} {activate
? 'btn-hover' ? 'btn-hover'
: ''} {activate_href && is_at_path(href) ? 'btn-hover' : ''} {shadow : ''} {activate_href && is_at_path(href) ? 'btn-hover' : ''} {shadow