# element-pro-components

**Repository Path**: tolking/element-pro-components

## Basic Information

- **Project Name**: element-pro-components
- **Description**: element-pro-components 是一个基于 element-plus, vue, vue-router 的一个适用于中后台开发的一套组件库。免费、开源、提供完善的文档，适用于快速开发中后台项目中的布局界面、表单、表格及Crud
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://tolking.github.io/element-pro-components/
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2019-10-07
- **Last Updated**: 2023-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, element-plus, admin, 后台

## README

<p align="center">
  <img src="https://tolking.github.io/element-pro-components/logo.svg" width="120px" height="120px" />
</p>
<p align="center">
  <b style="font-size: 24px">element-pro-components</b>
</p>
<p align="center">
  <a href="https://github.com/tolking/element-pro-components/blob/main/LICENSE">
    <img src="https://img.shields.io/github/license/tolking/element-pro-components.svg?style=flat-square&logo=opensourceinitiative" />
  </a>
  <a href="https://npmjs.com/package/element-pro-components">
    <img src="https://img.shields.io/npm/v/element-pro-components.svg?style=flat-square&logo=npm">
  </a>
  <a href="https://npmjs.com/package/element-pro-components">
    <img src="https://img.shields.io/bundlephobia/minzip/element-pro-components?label=minzip&logo=npm&style=flat-square">
  </a>
</p>

> a component library for Vue 3 base on element-plus

[Documentation](https://tolking.github.io/element-pro-components) | [Template](https://github.com/tolking/element-admin-template) | [Changelog](./CHANGELOG.md)

## Installation

```sh
pnpm add element-pro-components
# or
yarn add element-pro-components
# or
npm i element-pro-components
```

## Usage

```js
import { createApp } from 'vue'
import App from './App.vue'
import ElementPro from 'element-pro-components'
import 'element-pro-components/lib/styles/index'

createApp(App).use(ElementPro).mount('#app')
```

```vue
<template>
  <pro-layout />
</template>
```

## Contributors

Thank you to all the people who have already contributed to element-pro-components!

[![contributors](https://contrib.rocks/image?repo=tolking/element-pro-components)](https://github.com/tolking/element-pro-components/graphs/contributors)

## License

[MIT](http://opensource.org/licenses/MIT)