rundis/elm-bootstrap/5.0.0

NOTE: the latest version is 5.2.0

Bootstrap.Carousel.Slide

A slide is used as part of a carousel

Slide.config []
    (Slide.image [ Attributes.alt "slide 1" ] "https://...")
    |> Slide.caption []
        [ h3 [] [ text "First slide label" ]
        , p [] []
        ]

Slide

type alias Config msg =
Config msg

Opaque type that defines the view configuration information of your slide

config : List (Attribute msg) -> SlideContent msg -> Config msg

Creates an initial/default view configuration for a slide

caption : List (Attribute msg) -> List (Html msg) -> Config msg -> Config msg

Add a caption to your slide

The captions are automatically hidden on small devices.

Content

type alias SlideContent msg =
SlideContent msg

Opaque type that defines the content of a slide

image : List (Attribute msg) -> String -> SlideContent msg

Populate a slide with an image.

  • attributes List of attributes
  • src the src attribute for the image
customContent : Html msg -> SlideContent msg

Populate a slide with whatever html you want