SensitiveInput

Geheimnisse standardmäßig verdeckt, ein Auge zum Aufdecken, Mono wenn sichtbar, nie automatisch ausgefüllt.

Quelltext

Only the last four characters stay visible after saving.

import { SensitiveInput } from "@logicplanes/kaeso-ui";

Props

  • align
    "start" | "end"

    Ausrichtung des Werts; Zahlen stehen rechts, mit tabellarischen Ziffern.

  • defaultRevealed
    boolean = false

    Aufgedeckt beginnen.

  • description
    ReactNode

    Ein Satz Hilfe unter der Beschriftung.

  • invalid
    boolean

    Zeigt es als ungültig; zusammen mit einer Nachricht, die sagt, was zu korrigieren ist.

  • kind
    "password" | "secret" = secret

    Ein Passwort (nach dem Speichern nie wieder angezeigt) oder ein Geheimnis wie ein API-Schlüssel.

  • label
    ReactNode

    Die sichtbare Beschriftung.

  • layout
    "horizontal" | "vertical"

    Die Beschriftung über dem Steuerelement (vertical) oder daneben (horizontal).

  • leadingIcon
    IconSvgElement

    Ein Symbol vor dem Text.

  • optional
    boolean

    Ergänzt die Beschriftung um „Optional“, für Formulare, in denen die meisten Felder Pflicht sind.

  • prefix
    ReactNode

    Text vor dem Wert: „https://“.

  • size
    "md" | "sm" | "lg" | "xl"

    Die Höhe des Eingabefelds.

  • suffix
    ReactNode

    Text nach dem Wert: „USD“, „/ Min.“.