NoRedInk / noredink-ui / Nri.Ui.Carousel.V2

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:

viewWithTabControls : { 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:

viewWithCombinedControls : { 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:


type Role
    = Group
    | Region

Role, which can be either Group or Region