Changes from V1:
viewWithPreviousAndNextControls : { selected : id, slides : List { id : id, idString : String, name : String, visibleLabelId : Maybe String, slideView : Html.Styled.Html msg }, previousButton : { name : String, icon : Nri.Ui.Svg.V1.Svg, attributes : List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, nextButton : { name : String, icon : Nri.Ui.Svg.V1.Svg, attributes : List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, name : String, visibleLabelId : Maybe String, role : Role, announceAndSelect : { select : id, announce : String } -> msg } -> { viewPreviousButton : Html.Styled.Html msg, viewNextButton : Html.Styled.Html msg, slides : Html.Styled.Html msg, containerAttributes : List (Html.Styled.Attribute msg) }
Builds a carousel with previous and next controls
Returns:
slides
the container with the carousel contentsviewPreviousButton
previous buttonviewNextButton
next buttoncontainerAttributes
attributes that should be used on the parent div of both the button and slides elementsviewWithTabControls : { selected : id, slides : List { id : id, idString : String, slideView : Html.Styled.Html msg, tabView : Html.Styled.Html Basics.Never, tabAttributes : List (Html.Styled.Attribute msg) }, tabStyles : Basics.Bool -> List Css.Style, tabListStyles : List Css.Style, role : Role, name : String, visibleLabelId : Maybe String, focusAndSelect : { select : id, focus : Maybe String } -> msg } -> { tabs : Html.Styled.Html msg, slides : Html.Styled.Html msg, containerAttributes : List (Html.Styled.Attribute msg) }
Builds a carousel with tab buttons Returns:
tabs
: tabs control buttonsslides
container with the carousel contentscontainerAttributes
attributes that should be used on the parent div of both the button and slides elementsviewWithCombinedControls : { selected : id, slides : List { id : id, idString : String, name : String, visibleLabelId : Maybe String, slideView : Html.Styled.Html msg, tabView : Html.Styled.Html Basics.Never, tabAttributes : List (Html.Styled.Attribute msg) }, tabStyles : Basics.Bool -> List Css.Style, tabListStyles : List Css.Style, previousButton : { name : String, icon : Nri.Ui.Svg.V1.Svg, attributes : List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, nextButton : { name : String, icon : Nri.Ui.Svg.V1.Svg, attributes : List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, role : Role, name : String, visibleLabelId : Maybe String, select : { select : id, announce : Maybe String, focus : Maybe String } -> msg } -> { tabs : Html.Styled.Html msg, viewPreviousButton : Html.Styled.Html msg, viewNextButton : Html.Styled.Html msg, slides : Html.Styled.Html msg, containerAttributes : List (Html.Styled.Attribute msg) }
Builds a carousel with tab buttons Returns:
tabs
: tabs control buttonsslides
container with the carousel contentsviewPreviousButton
previous buttonviewNextButton
next buttoncontainerAttributes
attributes that should be used on the parent div of both the button and slides elementsRole
, which can be either Group or Region
Group
when the contents of the slides are not intended to be included in a page summary or table of contents by assistive technologies.Region
when the contents the slides should be included in a page summary or table of contents.