@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class SlugTextAdapter

    Adapter for URL slugs.

    Trims whitespace, lowercases, replaces whitespace and underscores with hyphens, strips non-alphanumeric characters (except hyphens), and collapses consecutive hyphens.

    Validates that the result matches the slug pattern (lowercase alphanumeric segments joined by single hyphens).

    Shows a link prefix icon.

    readonly adapter = new SlugTextAdapter();
    // "Hello World!" → value "hello-world"

    Implements

    Index

    Constructors

    constructor

    Properties

    prefixIcon

    Methods

    toValue validate

    Constructors

    Properties

    prefixIcon: "<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" /><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />" = UIIcons.Lucide.Account.Link

    Optional SVG icon content to display before the input.

    Should be a Lucide SVG inner-content string (e.g. UIIcons.Lucide.Text.AtSign).

    Methods

    • Transform the raw text into the adapted value.

      Called on every input event. The result is stored in the value model and written back to the native input element, so the user sees the adapted text. The original keystrokes are preserved in the text model.

      Parameters

      • text: string

        Raw text from the input element.

      Returns string

      Adapted value string (displayed in the field and emitted via value).

    • Validate the raw text and return a result indicating whether the current input is valid.

      When present, UIInput exposes a valid signal and applies the invalid host class when validation fails.

      Parameters

      • text: string

        Raw text from the input element.

      Returns TextAdapterValidationResult

      Validation result with valid flag and error messages.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods