Add option to render the button element as a form submit
This commit is contained in:
parent
9ba444404f
commit
5378ba0700
@ -6,14 +6,22 @@ export function button({
|
|||||||
href,
|
href,
|
||||||
variant,
|
variant,
|
||||||
disabled = false,
|
disabled = false,
|
||||||
|
submit = false,
|
||||||
}: {
|
}: {
|
||||||
text: string;
|
text: string;
|
||||||
href: string;
|
href: string;
|
||||||
variant: variant;
|
variant: variant;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
|
submit?: boolean;
|
||||||
}): JSX.Element {
|
}): JSX.Element {
|
||||||
|
const classstr = `class="button button--color-${variant}"`;
|
||||||
|
if (submit) {
|
||||||
|
return /* HTML */ `<button type="submit" formaction="${href}" ${classstr}>
|
||||||
|
${text}
|
||||||
|
</button>`;
|
||||||
|
}
|
||||||
return /* HTML */ `<a
|
return /* HTML */ `<a
|
||||||
class="button button--color-${variant}"
|
${classstr}
|
||||||
${disabled ? "" : `href="${href}"`}
|
${disabled ? "" : `href="${href}"`}
|
||||||
${disabled ? "disabled" : ""}
|
${disabled ? "disabled" : ""}
|
||||||
>
|
>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user