Examples

Explore interactive examples for each directive.

Online Demo

Try Directix online with StackBlitz:

Demo	Link
Vue 3
Vue 2

Directive Examples

Event Directives

• Click Outside - Detect clicks outside elements
• Debounce - Debounce event handlers
• Throttle - Throttle event handlers

Form Directives

• Copy - Copy text to clipboard
• Focus - Auto focus elements

Local Development

Clone the repository and run the examples locally:

# Clone the repository
git clone https://github.com/saqqdy/directix.git
cd directix

# Install dependencies
pnpm install

# Run Vue 3 examples
pnpm example:dev

# Or run Vue 2 examples
cd examples/vue2
pnpm install
pnpm dev