NoRedInk / noredink-ui / Nri.Ui.SegmentedControl.V14

Patch changes:

Changes from V13:


type alias Option value msg =
{ value : value
, idString : String
, label : Accessibility.Styled.Html msg
, attributes : List (Accessibility.Styled.Attribute msg)
, tabTooltip : List (Nri.Ui.Tooltip.V3.Attribute msg)
, icon : Maybe Nri.Ui.Svg.V1.Svg
, content : Accessibility.Styled.Html msg 
}

Tooltip defaults: [Tooltip.smallPadding, Tooltip.onBottom, Tooltip.fitToContent]

view : { focusAndSelect : { select : a, focus : Maybe String } -> msg, options : List (Option a msg), selected : a, positioning : Positioning, toUrl : Maybe (a -> String) } -> Accessibility.Styled.Html msg


type alias Radio value msg =
{ value : value
, idString : String
, label : Accessibility.Styled.Html msg
, attributes : List (Accessibility.Styled.Attribute msg)
, tooltip : List (Nri.Ui.Tooltip.V3.Attribute msg)
, icon : Maybe Nri.Ui.Svg.V1.Svg 
}

viewRadioGroup : { onSelect : a -> msg, options : List (Radio a msg), selected : Maybe a, positioning : Positioning, legend : String } -> Accessibility.Styled.Html msg

Creates a set of radio buttons styled to look like a segmented control.


type Positioning
    = Left Width
    | Center


type Width
    = FitContent
    | FillContainer