Equal is a lightweight yet powerful UI components library that provides an easy way to create a modern web app using the latest Vue.js 3 framework.
Components Included:
- Button
- Icon
- Divider
- Input
- Number Input
- Checkbox
- Radio
- Select
- Slider
- Switch
- Textarea
- Toggle
- Alert
- Drawer
- Loading
- Loading bar
- Message
- Modal
- Notification
- Popover
- Progress Bar
- Avatar
- Collapse
- Badge
- Tag
- Tabs
- Tooltip
- Breadcrumbs
- Dropdown
How to use it:
Import all components and necessary stylesheet.
import Vue from 'vue' import Equal from 'equal-vue' import 'equal-vue/dist/equal.css' Vue.createApp.use(Equal) <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined"> <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected];400;500;600;700;900&display=swap" rel="stylesheet">
Previews:
Buttons
Alerts
Form Elements
Modal
Dropdown
Changelog:
v0.79.3 (08/05/2021)
- removed console log
v0.79.2 (08/05/2021)
- bugfix
v0.79.1 (07/27/2021)
- nested modals in drawers fix
v0.77.0 (06/25/2021)
- Refactor
v0.74.0 (04/25/2021)
- Refactor
v0.73.0 (02/23/2021)
- Refactor ItAlert component, fix stylelint settings
v0.72.1 (02/19/2021)
- styles fix
v0.7.23 (02/13/2021)
- Multiple fixes
Download Details:
Author: quatrochan
Live Demo: https://quatrochan.github.io/Equal/components/button
Download Link: https://github.com/quatrochan/Equal/archive/master.zip
Official Website: https://github.com/quatrochan/Equal
Install & Download:
# Yarn
$ yarn add equal-vue --save
# NPM
$ npm i equal-vue --save