Ringtail Components

Specialized Vue 3 component library for those components that are not satisfactory in other component libraries.

Features

• Feature Rich: Components with involved features that are central to their function, but often missing in other libraries
• Accessible: Built with correct primitives and configured for accessibility
• Customizable: Extensive configuration options for changing features and styles
• Vue 3 Native: Built specifically for Vue 3 with Composition API support

Installation

npm install ringtail-components

Quick Start

Global Registration (Recommended)

Register all components globally in your application:

import { createApp } from 'vue';
import RingtailComponents from 'ringtail-components';
import 'ringtail-components/style.css';

const app = createApp(App);
app.use(RingtailComponents);
app.mount('#app');

Individual Component Import

Import only the components you need:

<script setup>
	import { TestButton } from 'ringtail-components';
	import 'ringtail-components/style.css';
</script>

<template>
	<TestButton variant="primary">Click Me</TestButton>
</template>

Documentation

Full documentation with component demos and API reference: ringtailvue.com

Browser Support

Ringtail Components supports modern browsers with ES6+ support:

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contributing

We welcome contributions! Please see CONTRIBUTING.md for development setup, available commands, and contribution guidelines.

License

LGPL-3.0-only - see LICENSE.md file for details.

Links

• Documentation
• GitHub Repository
• npm Package
• Issue Tracker