Htmx.Lucid.Core

This module defines the "core" 11 HTMX attributes https://htmx.org/reference/#attributes

Documentation

hxGet_ :: Text -> Attributes

https://htmx.org/attributes/hx-get/ issues a GET to the specified URL

hxPost_ :: Text -> Attributes

https://htmx.org/attributes/hx-get/ issues a POST to the specified URL

hxPushUrl_ :: Text -> Attributes

https://htmx.org/attributes/hx-push-url/ push a URL into the browser location bar to create history

hxSelect_ :: Text -> Attributes

https://htmx.org/attributes/hx-select/ select content to swap in from a response

hxSelectOob_ :: Text -> Attributes

https://htmx.org/attributes/hx-select-oob/ select content to swap in from a response, somewhere other than the target (out of band)

hxSwap_ :: Text -> Attributes

https://htmx.org/attributes/hx-swap/ controls how content will swap in (outerHTML, beforeend, afterend, …)

hxSwapS_ :: Swap -> Attributes

Like hxSwap_ but takes a strongly typed swap style. This doesn't allow modifiers to be applied.

hxSwapOob_ :: Text -> Attributes

https://htmx.org/attributes/hx-swap-oob/ mark element to swap in from a response (out of band)

hxTarget_ :: Text -> Attributes

https://htmx.org/attributes/hx-target/ specifies the target element to be swapped

hxTrigger_ :: Text -> Attributes

https://htmx.org/attributes/hx-trigger/ specifies the event that triggers the request

hxVals_ :: Text -> Attributes

https://htmx.org/attributes/hx-vals/ add values to submit with the request (JSON format)

data OnEvent

Indicates whether you are handling an arbitrary DOM event or on of the bespoke HtmxEvent (defined by the htmx js bundle)

Constructors

DomOnEvent Text

HtmxOnEvent HtmxEvent

hxOn_ :: OnEvent -> Text -> Attributes

https://htmx.org/attributes/hx-on/ handle events with inline scripts on elements