HEEx
<ConnieUI.Sensitive.value id="catalog-sensitive" mask="XXXXXX-XXXX" label="CPR number for Lars Hansen" reveal={JS.push("reveal_cpr")} />
Controls
Set by the example
reveal class
Docs
No @doc for this component.
| Attribute | Type | Default | Description |
|---|---|---|---|
| No data found. | |||
| 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 |
|---|---|---|
| No data found. | ||
| inner_block | Marks shown before the value. | |