8.9k

Fancy Button

PreviousNext

A button with glow effect and brand color variants

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

<template>
  <div class="flex flex-wrap items-center gap-4">
    <!-- Fancy Button demo -->
    <Button>
      Fancy Button
    </Button>
  </div>
</template>

Installation

pnpm dlx @frontic/ui add fancy-button

Usage

<script setup lang="ts">
import { FancyButton } from '@/components/ui/fancy-button'
</script>

<template>
  <FancyButton>
    Fancy Button
  </FancyButton>
</template>

Examples

Default

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

<template>
  <div class="flex flex-wrap items-center gap-4">
    <!-- Fancy Button demo -->
    <Button>
      Fancy Button
    </Button>
  </div>
</template>
EmptyField