Patch changes:
Changes from V13:
viewRadioGroup
{ 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
focusAndSelect
: the message to produce when an option is selected by the useroptions
: the list of options availableselected
: the value of the currently-selected optionpositioning
: how to position and size the segmented controltoUrl
: a optional function that takes a route
and returns the URL of that route. You should always use pass a toUrl
function when the segmented control options correspond to routes in your SPA.{ 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.
onSelect
: the message to produce when an option is selected (clicked) by the useridString
: function to get the radio value as a stringoptions
: the list of options availableselected
: if present, the value of the currently-selected optionpositioning
: how to position and size the segmented controllegend
: