Layout.Bootstrap.Widgets

Wrap your Html in bootstrap-styled containers.

Forms

form :: Text -> Text -> Html -> Html

Form wrapper.

formH :: Text -> Html -> Html

Bootstrap-horizontal form.

formV :: Text -> Html -> Html

Bootstrap-vertical form.

fieldset :: Text -> Html -> Html

Fieldset label.

formActions :: Html -> Html

Form button bar.

Text input

data Input

Form field for one-line text entry.

Constructors

Input

Fields

title :: !Text

placeholder :: !Text

help :: !Text

value :: !Text

errors :: !Bool

Instances

Show Input

ToHtml Input

simpleInput :: Text -> Input

Text field with only name provided. Good to start with record overrides. Needs toHtml when inserted into Html tree.

input :: Text -> Text -> Text -> Html

Html constructor for just needed parameters.

input' :: Text -> Text -> Text -> Text -> Bool -> Html

Html constructor for all Input parameters.

Buttons

button :: Text -> [Text] -> Html -> Html

Generic button element. Provide list of css classes to be added. Hook JS actions to class names.

buttonGroup :: Html -> Html

Button container. Put buttons inside.

buttonBar :: Html -> Html

Toolbar-like groups of buttons. Put buttonGroups inside.

Dropdown Menu

buttonDD :: Text -> Html -> Html

Button with a dropdown menu.

buttonSDD :: Text -> Html -> Html

More menu-like button. Has a caret in a split section.

Layout

section :: Text -> Html -> Html

ID-marked navigation section.

row :: Html -> Html

Fixed-width container.

rowF :: Html -> Html

Percent-width container.

span :: Int -> Html -> Html

Content wrapper to place inside a container.

offspan :: Int -> Int -> Html -> Html

Cell with an offset (fixed row only).

Base CSS

blockQuote_ :: Text -> Text -> Html -> Html

Dedicated place for some great quotes.

Icons

icon :: Text -> Html

Default glyphs.

iconW :: Text -> Html

White glyphs.

Misc

well :: Html -> Html

An area with a rounded border.

closeIcon :: Html

Tiny cross element for notification blocks.