Raya Button
The ultimate button component. Inspired by Nuxt UI, built for Vue, with built-in loading states and fluid animations.
Installation
npx raya-ui@latest add raya-buttonFile Structure
your-project
components
RayaButton.vue
API Reference
RayaButton
colorenum"primary"The semantic color palette of the button. Accepts primary, secondary, neutral, success, info, warning, or error.
variantenum"solid"The visual style of the button. Accepts solid, outline, soft, subtle, ghost, or link.
Settings
source-code.vue
<script setup lang="ts">
import { RayaButton } from '@/components/ui/raya-button'
</script>
<template>
<RayaButton
variant="solid"
>
Raya Button
</RayaButton>
</template>