Strong

The Strong component is a semantic HTML element that emphasizes text with strong importance, seriousness or urgency. It provides flexible size adjustments, optional line height trimming and text truncation capabilities while maintaining semantic meaning and accessibility.

Semantic HTML strong element

Flexible size adjustment

Optional trimming to remove line height

Supports text truncation for long texts

Architecture

so-strong
Slot: default

Reference

  • Strong

    The component renders a semantic strong element with configurable text styling options. It provides control over text size, line height trimming, and truncation behavior.

    • Attributes

      • id
        string
        / default: -

        A unique identifier for the strong element. This can be used for linking, scripting or styling purposes.

      • size
        enum
        / default: md

        Controls the text size of the strong element. Provides a range of predefined sizes from xs to 6xl for flexible typography scaling.

      • trim
        enum
        / default: none

        Adjusts the line height trimming behavior. Use start to remove space above, end to remove space below, both to remove space from both ends or none to maintain default spacing.

      • truncate
        boolean
        / default: false

        When set to true, the text will be truncated with an ellipsis if it exceeds the container width. Alternatively, you can specify a number to limit the visible lines before truncation occurs.

made for toddle