Vuetify: hg‐button (HgButtonComponent)

General

• primary, secondary, danger, success, and link variants:
  • Swap <hg-button> for <HgButtonComponent>.
  • Using full names makes it easier to track down references.
  • Because it's easier to use imported components in Vue 3 with Composition API single-file components, instead of registering the component globally, import it in each file it is used.
• icon variants:
  • Swap <hg-button> for <HgIconButtonComponent>. See Vuetify: hg-button (HgIconButtonComponent).
• carousel and nav variants:
  • Stop using <hg-button>.

Variant

primary

<HgButtonComponent>

secondary

<HgButtonComponent variant="secondary">

danger

<HgButtonComponent color="error">

success

<HgButtonComponent color="success">

link

<HgButtonComponent variant="link">

link-danger

<HgButtonComponent variant="link" color="error">

Size

small

<HgButtonComponent size="small">