frandibar / elm-bootstrap / Bootstrap.Card.Block

Blocks are the main content elements withing a Card.

Title

titleH1 : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block h1 title

titleH2 : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block h2 title

titleH3 : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block h3 title

titleH4 : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block h4 title

titleH5 : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block h5 title

titleH6 : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block h6 title

Items

link : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create link elements that are placed next to each other in a block using this function

text : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a card text element

quote : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Item msg

Create a block quote element

custom : Html.Styled.Html msg -> Item msg

Add a custom HTML element to be displayed in a Card block


type alias Item msg =
Bootstrap.Card.Internal.BlockItem msg

Opaque type representing a legal card block child element

Options

align : Bootstrap.Text.HAlign -> Option msg

Option to specify horizontal alignment of a card block item

Block.align Text.xs

primary : Option msg

Give blocks a primary background color

secondary : Option msg

Give blocks a secondary background color

success : Option msg

Give blocks a success background color

info : Option msg

Give blocks a info background color

warning : Option msg

Give blocks a warning background color

danger : Option msg

Give blocks a danger background color

light : Option msg

Give blocks a light background color

dark : Option msg

Give blocks a dark background color

textColor : Bootstrap.Text.Color -> Option msg

Set the text color used within a block. |

attrs : List (Html.Styled.Attribute msg) -> Option msg

When you need to customize a block item with standard Html.Attribute attributes use this function


type alias Option msg =
Bootstrap.Card.Internal.BlockOption msg

Opaque type representing options for styling a card block