open-vault/ui/lib/core/stories/confirm.md

1.0 KiB

Confirm

Confirm components prevent users from performing actions they do not intend to by showing a confirmation message as an overlay. This is a contextual component that should always be rendered with a Message which triggers the message.

See the Message component for a description of properties.

Example

<div class="box">
  <Confirm as |c|>
    <c.Message
      @id={{item.id}}
      @triggerText="Delete"
      @message="This will permanently delete this secret and all its versions."
      @onConfirm={{action "delete" item "secret"}}
      />
  </Confirm>
</div>

See