Nri.Ui.Mark.V1

type alias Mark =

{ name : Maybe String

, startStyles : List Style

, styles : List Style

, endStyles : List Style

}

(content -> List Style -> Html msg)

-> List ( content, Maybe Mark )

-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

(content -> List Style -> Html msg)

-> List ( content, Maybe Mark )

-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

Show the label for the mark, if present, in-line with the emphasized content.

(c -> List Style -> Html msg)

-> Color

-> Maybe Mark

-> List c

-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

Show the label for the mark, if present, in a balloon centered above the emphasized content.

{ renderSegment : c -> List Style -> Html msg

, backgroundColor : Color

, maybeMarker : Maybe Mark

, labelHeight :

Maybe

{ totalHeight : Float

, arrowHeight : Float

}

, labelId : Maybe String

, labelContentId : Maybe String

}

-> List c

-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

Show the label for the mark, if present, in a balloon centered above the emphasized content.

This helper differs from viewWithBalloonTags in that the balloons can be offset from each other to prevent content overlaps.

NoRedInk/noredink-ui/21.12.0