@hekeh/el-popover
Version:
A popover component extracted from element-plus
50 lines (31 loc) • 1.49 kB
Markdown
# "El Popover" 一个基于 Element Plus 的 Popover 组件
[English](https://www.github.com/HEKEH/el-popover/blob/master/README.md) | [中文](https://www.github.com/HEKEH/el-popover/blob/master/README.zh-cn.md)
## 介绍
"El Popover" 是一个基于 Element Plus 的轻量级 Vue3 Popover 组件库。它提供了与 Element Plus 完全一致的 Popover 和 Tooltip 功能,但无需引入完整的 Element Plus 库。同时,这也可以作为 Element Plus Popover 组件的学习资料。
## 特点
- 🎯 轻量级:仅包含 Popover 组件核心功能
- 💪 功能完整:与 Element Plus Popover 组件功能一致
- 🔗 零学习成本:API 与 Element Plus 完全相同
- 🚀 更小的体积:不需要引入完整的 Element Plus
## 安装
```bash
# 使用 npm
npm install @hekeh/el-popover
# 使用 yarn
yarn add @hekeh/el-popover
# 使用 pnpm
pnpm add @hekeh/el-popover
```
## 使用方法
### Popover
```typescript
import { Popover } from '@hekeh/el-popover';
```
本组件的 API 与 Element Plus 的 Popover 组件完全一致。你可以参考 [Element Plus 的 Popover 文档](https://element-plus.org/zh-CN/component/popover.html) 获取完整用法。
### Tooltip
```typescript
import { Tooltip } from '@hekeh/el-popover';
```
本组件的 API 与 Element Plus 的 Tooltip 组件完全一致。你可以参考 [Element Plus 的 Tooltip 文档](https://element-plus.org/zh-CN/component/tooltip.html) 获取完整用法。
## 许可证
MIT