Button

A polymorphic button with variants, sizes, icons, and a CTA group helper.

Installation

npx shadcn-vue@latest add https://vuedocs.canceydejean.dev/r/button.json

Usage

Use the button for primary actions, secondary actions, links, and icon-only controls. Pair related actions with ButtonCTAGroup.

<script setup lang="ts">
import { Button, ButtonCTAGroup } from "@/components/ui/button";
</script>

<template>
  <ButtonCTAGroup>
    <Button variant="primary">Save</Button>
    <Button variant="outline">Cancel</Button>
  </ButtonCTAGroup>
</template>