@nospamproxy/core
    Preparing search index...

    Class TextFlow

    A generic container for elements that consist of text (or inline images) to control..

    • ..if text wraps or not and..
    • ..if the block should have a maximum width and/or height.

    width and height can be any valid css size such as 50rem or 100%.

    <!--
      The following example limits the text content to a single
      line and uses ellipsis characters if the text is too long.
    -->
    <text-flow wrap.bind="false" max-width.bind="100%">
      <normal-text value.bind="probablyVeryLongUserInput"></normal-text>
    </text-flow>

    This is not a replacement for a <text-block> element and should be used as a child of a <text-block> element instead. Font size classes should also be applied to the <text-block> element as follows:

    <text-block class="h2">
      <text-flow max-width="100%" wrap.bind="false">
        <normal-text value.bind="probablyVeryLongUserInput"></normal-text>
      </text-flow>
    </text-block>
    Index

    Constructors

    constructor

    Properties

    flexWidth inline maxHeight? maxWidth? wrap

    Constructors

    Properties

    flexWidth: boolean = false

    Use the remaining width in a flex row. If the text is too long, ellipsis characters are used.

    inline: boolean = false

    Set if this element should be an inline block

    maxHeight?: string

    Set the maximum height. If the text is too long, ellipsis characters are used.

    maxWidth?: string

    Set the maximum width. If the text is too long, ellipsis characters are used.

    wrap: boolean = true

    Set if the text should wrap. Default is true

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties