q-tag v1.0.0
š QuasarTag
⨠A clean, modern, and highly customizable tag component for Quasar Framework. Perfect for showcasing tags, stats, or alerts in your Vue.js Vite applications.
ā Purpose
Quasar's vanilla Chips align with the Google Material Design Guide style, but I have always personally found them boring and uninteresting.
I have created this component to bring a more modern look to the applications I develop in Quasar.
This component will be actively improved over time.
š¦ Installation
Install the package via npm:
npm i quasar-tag
š ļø Usage
- Import the component into your Vue file:
import { QTag } from 'q-tag'
- Use it in your template:
<QTag
text="3 Found"
type="info"
/>
šØ Props
Prop | Type | Note |
---|---|---|
text | String | --- |
type | String | Either use info , error or success |
š¤ Contributions
Contributions are welcomed. If you'd like to improve this component, please follow these steps:
1. Fork the repo.
2. Create a new branch git checkout -b feature/AmazingFeature
.
3. Commit your changes git commit -m 'Add some AmazingFeature'
.
4. Pull to the branch git push origin feature/AmazingFeature
.
5. Open a pull request.
4 months ago