@suite-library/vue

Vue 3 components for the Suite Library.

Installation

pnpm add @suite-library/vue @suite-library/shared

Usage

<template>
  <Card variant="elevated">
    <Input label="Name" v-model="name" placeholder="Enter your name" />
    <Button variant="primary" @click="handleSubmit">Submit</Button>
  </Card>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Button, Input, Card } from '@suite-library/vue';
import '@suite-library/shared/styles';

const name = ref('');

const handleSubmit = () => {
  console.log('Name:', name.value);
};
</script>

Components

• Button: Versatile button with variants (primary, secondary, outline, ghost) and sizes
• Input: Text input with label, v-model support, and error states
• Card: Container component with variants and padding options

TypeScript

All components are built with Vue 3 Composition API and fully typed with TypeScript.

Documentation

See the main README for detailed documentation.