PF6.Truncate

PF6 Truncate component

Text truncation with a tooltip showing the full text on hover.

Definition

type Truncate msg

Opaque Truncate type

Truncation mode

truncate : String -> Truncate msg

Construct a Truncate with text content

truncate "This is a very long text string that should be truncated"
    |> withMaxChars 20
    |> toMarkup

Set the maximum number of visible characters

Truncate from the middle (keeps start and end visible)

Truncate from the end (default)

toMarkup : Truncate msg -> Element msg

Render the Truncate as an Element msg