Bootstrap.Card.Block

Blocks are the main content elements withing a Card.

Title

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

Create a block h1 title

attributes List of attributes
children List of child elements

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

Create a block h2 title

attributes List of attributes
children List of child elements

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

Create a block h3 title

attributes List of attributes
children List of child elements

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

Create a block h4 title

attributes List of attributes
children List of child elements

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

Create a block h5 title

attributes List of attributes
children List of child elements

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

Create a block h6 title

attributes List of attributes
children List of child elements

Items

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

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

attributes List of attributes
children List of child elements

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

Create a card text element

attributes List of attributes
children List of child elements

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

Create a block quote element

attributes List of attributes
children List of child elements

custom : Html msg -> Item msg

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

type alias Item msg =

BlockItem msg

Opaque type representing a legal card block child element

Options

align : 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 : Color -> Option msg

Set the text color used within a block. |

attrs : List (Attribute msg) -> Option msg

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

type alias Option msg =

BlockOption msg

Opaque type representing options for styling a card block

rundis/elm-bootstrap/5.2.0

Bootstrap.Card.Block

Title

Items

Options

Modules