elementor-ui v0.3.0

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

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

Data / Tables

• Table
• Tag
• Progress
• Tree
• Pagination
• Badge
• Skeleton
• Empty
• Description

Notice

• Alert
• Loading
• Message
• MessageBox
• Notification

Navigation

• Affix
• NavMenu
• Tabs
• Breadcrumb
• PageHeader
• Dropdown
• Steps
• Affix

Other

• Dialog
• Tooltip
• Popover
• Popconfirm
• Card
• Carousel
• Collapse
• Timeline
• Divider
• Calendar
• Image
• Backtop
• InfiniteScroll
• 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