Type for an HTML tag. This can be seen as an internal string type used by BlazeMarkup.

Type for an attribute.

The type for the value part of an attribute.

From HTML 5 onwards, the user is able to specify custom data attributes.

An example:

<p data-foo="bar">Hello.</p>

We support this in BlazeMarkup using this function. The above fragment could be described using BlazeMarkup with:

p ! dataAttribute "foo" "bar" $ "Hello."

Create a custom attribute. This is not specified in the HTML spec, but some JavaScript libraries rely on it.

An example:

<select dojoType="select">foo</select>

Can be produced using:

select ! customAttribute "dojoType" "select" $ "foo"

Insert a lazy ByteString. See unsafeByteString for reasons why this is an unsafe operation.

Create a Tag from some ChoiceString.

Create a Tag from a ChoiceString.

Class allowing us to use a single function for attribute values

Render an attribute value from ChoiceString.

Render an attribute value from ChoiceString without escaping.

A variant of textValue for lazy Text

A variant of preEscapedTextValue for lazy Text

Create an attribute value from a ChoiceString.

Create an attribute value from a ChoiceString without escaping.

Create an attribute value from a ChoiceString. See unsafeByteString for reasons why this might not be a good idea.

Create an attribute value from a lazy ByteString. See unsafeByteString for reasons why this might not be a good idea.

Apply an attribute to an element.

Example:

img ! src "foo.png"

Result:

<img src="foo.png" />

This can be used on nested elements as well.

Example:

p ! style "float: right" $ "Hello!"

Result:

<p style="float: right">Hello!</p>

Shorthand for setting an attribute depending on a conditional.

Example:

p !? (isBig, A.class "big") $ "Hello"

Gives the same result as:

(if isBig then p ! A.class "big" else p) "Hello"

Everything is build around the simple newtype definition of the MarkupT transformer, which makes use the Monoid instance of Blaze Markup and is simply a WriterT writing Blaze Markup:

Map both the return value and markup of a computation using the given function

run the MarkupT and return a pair consisting of the result of the computation and the blaze markup rendered with a blaze renderer like renderHtml