Include the CSS for the given theme.

The main layout container of the application

Used to define the layout of the application

Creates a simple responseive grid with the given class name.

Abbreviation element The first argument is the abbreviation and the second is the meaning.

abbr "tldr" "too long didn't  read"

Bold element

Italic element

Emphasis element

Deleted element

Inserted element

Keyboard shortcut element

Mark element

Strikethrough element

Superscript element

Subscript element

Underline element

Renders a primary button

Renders a secondary button

Renders a contrast button

Add a loading indicator to an element

Render this button in the "outline" style

Renders a primary link

Renders a secondary link

Renders a contrast link

Give an element (for example a link) the look of a button a [asButton][text "Click me!"]

A (table) row can contain multiple cells that can contain multiple Html elements. This is just an alias to make the type signature of functions that can receive it more readable.

A (table) cell can contain multiple Html elements. This is just an alias to make the type signature of functions that can receive it more readable.

A helper to construct a table in a more concise way. It takes the attributes for the table, the header row and the list of rows.

Renders an accordion.

accordion [ asButton ] [ text "open me" ] [ text "the glorious details" ]

Pico uses the details element as markdown for a dropdown. This function lets you create a dropdown from the "collapsed" content and a multiple items to display in the expanded state.

A helper to construct a nav element in a more concise way. In Pico.css the nav element is laid out as a list of columns.

A grid column can contain multiple cells that can contain multiple Html elements. This is just an alias to make the type signature of functions that can receive Columns more readable.

Adds a tooltip displaying on top of the element.

Adds a tooltip displaying to the right of the element.

Adds a tooltip displaying to the left of the element.

Adds a tooltip displaying at the bottom of the element.

A checkbox rendered as a switch

A shortcut for attribute "aria-invalid" "true"

"role" attribute

A shortcut for br [] []

A shortcut for hr [] []

A shortcut for attribute "aria-" ++ name value

Displays errors next to an input field.

A shortcut for dir="rtl" to set the text direction to right-to-left.

A shortcut for dir="ltr" to set the text direction to left-to-right.