@tak-ps/vue-tabler

Vue Tabler

🚀 Introduction

@tak-ps/vue-tabler brings the beautiful and responsive Tabler UI kit to your Vue 3 applications. It provides a set of reusable, high-quality components designed to speed up your development process while maintaining a clean and professional look.

📦 Installation

Install the package using npm:

npm install @tak-ps/vue-tabler

💻 Usage

Import the components you need directly into your Vue files. All components are exported with a Tabler prefix to avoid conflicts.

<script setup>
import { TablerButton, TablerAlert } from '@tak-ps/vue-tabler';
</script>

<template>
  <TablerAlert title="Success!" variant="success">
    Your operation was completed successfully.
  </TablerAlert>

  <TablerButton variant="primary" @click="doSomething">
    Click Me
  </TablerButton>
</template>

🧩 Components

Core Components

Input Components

🛠️ Dependencies

This library relies on the following core dependencies:

• Vue 3
• @tabler/icons-vue
• marked (for Markdown rendering)
• Tiptap (for Markdown editing)
• DOMPurify (for HTML sanitization)

📄 License

This project is licensed under the ISC License.