PULoading Component
A hand-drawn style loading component with multiple animation types and smooth transitions
Usage
Basic Usage
Dots Animation
Skeleton Loading
With Text
Loading...
Different Sizes
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| type | circular | dots | skeleton | No | circular | Loading animation type |
| size | small | medium | large | No | medium | Loading component size |
| text | string | No | '' | Loading text to display |
| customClass | string | No | '' | Custom CSS classes |
Features
- Hand-drawn style visual effects with shadows
- Multiple animation types: circular, dots, skeleton
- Smooth CSS animations and transitions
- Different sizes for various use cases
- Optional loading text support
- Dark mode support
- Responsive design
Dependencies
- Tailwind CSS for styling
- Vue 3 Composition API