NoRedInk / noredink-ui / Nri.Ui.Svg.V1


type Svg

Opaque type describing a non-interactable Html element.

withColor : Css.Color -> Svg -> Svg

withLabel : String -> Svg -> Svg

Add a title to the svg. Note that when the label is not present, the icon will be entirely hidden from screenreader users.

Read Carie Fisher's "Accessible Svgs" article to learn more about accessible svgs.

Go through the WCAG images tutorial to learn more about identifying when images are functional or decorative or something else.

withWidth : Css.Px -> Svg -> Svg

withHeight : Css.Px -> Svg -> Svg

withCss : List Css.Style -> Svg -> Svg

Css for the SVG's container.

withCustom : List (Svg.Styled.Attribute Basics.Never) -> Svg -> Svg

withViewBox : String -> Svg -> Svg

init : String -> List (Svg.Styled.Svg Basics.Never) -> Svg

Pass through the viewbox as the first argument and the contents of the svg node as the second argument.

toHtml : Svg -> Svg.Styled.Svg msg

render an svg.