elementor-ui

Elementor Vue

Elementor UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

Install

You need Vue.js version 3.0+

# npm
npm install elementor-ui

# yarn
yarn add elementor-ui

Usage

All components

import {createApp} from 'vue'
import Elementor from 'elementor-ui'
import 'elementor-ui/dist/style.css'

createApp.use(Elementor)

Or individual components

import {createApp} from 'vue'
import {Button, Alert, Switch} from 'elementor-ui'
import 'elementor-ui/dist/style.css'

createApp.use(Button).use(Alert).use(Switch)

TODO

• [ ] Eslint configuration
• [ ] Prettier configuration
• [ ] Distribution configuration

Components

Form / Input

• [x] Radio
• [x] Checkbox
• [x] Input
• [ ] InputNumber
• [ ] InputMail
• [ ] InputVerificationCode
• [x] Select
• [x] Switch
• [ ] Slider
• [ ] TimePicker
• [ ] TimeSelect
• [ ] DatePicker
• [ ] DateTimePicker
• [ ] Upload
• [ ] Rate
• [x] Colorpicker
• [ ] Transfer
• [ ] Form

Data / Tables

• [x] Table
• [x] Tag
• [x] Progress
• [ ] Tree
• [ ] Pagination
• [x] Badge
• [ ] Skeleton
• [ ] Empty
• [ ] Description

Notice

• [x] Alert
• [x] Loading
• [ ] Message
• [ ] MessageBox
• [x] Notification

Navigation

• [ ] Affix
• [ ] NavMenu
• [x] Tabs
• [ ] Breadcrumb
• [ ] PageHeader
• [x] Dropdown
• [ ] Steps
• [ ] Affix

Other

• [ ] Dialog
• [x] Tooltip
• [x] Popover
• [ ] Popconfirm
• [ ] Card
• [ ] Carousel
• [x] Collapse
• [ ] Timeline
• [x] Divider
• [ ] Calendar
• [ ] Image
• [ ] Backtop
• [ ] InfiniteScroll
• [x] TimeliAvatar
• [ ] Drawer

Features

• Enterpise class UI based on Elementor design system
• Supports Material Design Icons
• Lightweight: 18KB brotli
• Includes 30+ components
• Based on TypeScript
• Preferred using Vue Styleguide

Licence

MIT