Catalog Sensitive

<.value>

ConnieUI.Sensitive

XXXXXX-XXXX
HEEx
<ConnieUI.Sensitive.value id="catalog-sensitive" mask="XXXXXX-XXXX" label="CPR number for Lars Hansen" reveal={JS.push("reveal_cpr")} />

Controls

:string

Generated when not given.

:string

The value's shape, shown blurred until it is revealed.

:string

The revealed value, or nil while it is concealed.

:string

What the value is, for the buttons' accessible names, e.g. `"CPR number for Jane Doe"`.

Set by the example

reveal class

Docs

No @doc for this component.

Attribute Type Default Description
id :string
Generated when not given.
mask * :string
The value's shape, shown blurred until it is revealed.
value :string nil
The revealed value, or nil while it is concealed.
reveal {:struct, Phoenix.LiveView.JS} nil
Asks for the value. Without it there is no eye, and the value stays concealed.
label * :string
What the value is, for the buttons' accessible names, e.g. `"CPR number for Jane Doe"`.
class :any "inline-flex"
Replaces the default, rather than adding to it.
Slot Slot attributes Description
inner_block Marks shown before the value.