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
- Long Press - Long press gesture detection
- Context Menu - Custom right-click context menu
Form Directives
Visibility Directives
- Lazy Loading - Image and component lazy loading
- Infinite Scroll & Virtual List - Large dataset handling
Security Directives
- Permission - Permission-based UI control
- Watermark - Content watermarking
Local Development
Clone the repository and run the examples locally:
bash
# 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