Button

<Button type: Literal['submit', 'button', 'reset'] = 'submit' id: str | None = None class: str | None = None name: str = 'action' value: str = 'submit' hidden: bool = False aria-label: str | None = None onclick: str | None = None hx-target: str | None = None hx-swap: str | None = None hx-select: str | None = None hx-after-request: str = '' hx-vals: str | None = None hx-confirm: str | None = None hx-get: str | None = None hx-post: str | None = None hx-put: str | None = None hx-patch: str | None = None hx-delete: str | None = None hx-params: str | None = None hx-push-url: bool = false full-width: str = false>{{- content -}}

</Button>

Create html <button> node.

param type:

Define button behavior.

param id:

unique identifier of the element.

param class:

css class for the node, defaults to fastlife.templates.constants.Constants.BUTTON_CLASS.

param name:

param value:

param hidden:

param aria_label:

param onclick:

param hx_target:

param hx_swap:

param hx_select:

param hx_after_request:

Produce the hx-on::after-request

param hx_vals:

param hx_confirm:

param hx_get:

param hx_post:

param hx_put:

param hx_patch:

param hx_delete:

param hx_params:

param hx_push_url:

Replace the browser url by the ajax request

param full_width:

Append tailwind class w-full to get full width

param content:

child node.