BorderedProminentButton

A control that starts an action. Styled with a prominent border, adapting to the button’s surroundings.

interface BorderedProminentButtonSignature {
  Attributes: {
    role?: 'destructive' | 'confirm' // A value that describes the purpose of a button
    'title-key'?: string
  }

  Slots: {
    overlay: HTMLElement[]
  }
}

class BorderedProminentButton extends HTMLButtonElement<BorderedProminentButtonSignature> {}

declare global {
  interface HTMLButtonElement {
    is: 'bordered-prominent-button' // <button is="bordered-prominent-button"></button>
  }
}

Topics

Creating a prominent bordered button:

<button is="bordered-prominent-button">
  <label-view system-image="hand-tap" title="Tap Me"></label-view>
</button>

Relationships

Conforms To

HTMLButtonElement