Erabbit UIInstallation
Using Package Manager
Erabbit UI you can install it with:
sh
npm i erabbit -Snpm i erabbit -Ssh
pnpm i erabbit -Spnpm i erabbit -Ssh
yarn add erabbit -Syarn add erabbit -Ssh
bun add erabbit -Sbun add erabbit -SImport in Browser
unpkg
html
<head>
<!-- Import style -->
<link rel="stylesheet" href="//unpkg.com/erabbit/dist/erabbit.min.css" />
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<script src="//unpkg.com/@vueuse/shared"></script>
<script src="//unpkg.com/@vueuse/core"></script>
<!-- Import component library -->
<script src="//unpkg.com/erabbit"></script>
</head><head>
<!-- Import style -->
<link rel="stylesheet" href="//unpkg.com/erabbit/dist/erabbit.min.css" />
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<script src="//unpkg.com/@vueuse/shared"></script>
<script src="//unpkg.com/@vueuse/core"></script>
<!-- Import component library -->
<script src="//unpkg.com/erabbit"></script>
</head>jsDelivr
html
<head>
<!-- Import style -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/erabbit/dist/erabbit.min.css"
/>
<!-- Import Vue 3 -->
<script src="//cdn.jsdelivr.net/npm/vue@3"></script>
<script src="//cdn.jsdelivr.net/npm/@vueuse/shared"></script>
<script src="//cdn.jsdelivr.net/npm/@vueuse/core"></script>
<!-- Import component library -->
<script src="//cdn.jsdelivr.net/npm/erabbit"></script>
</head><head>
<!-- Import style -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/erabbit/dist/erabbit.min.css"
/>
<!-- Import Vue 3 -->
<script src="//cdn.jsdelivr.net/npm/vue@3"></script>
<script src="//cdn.jsdelivr.net/npm/@vueuse/shared"></script>
<script src="//cdn.jsdelivr.net/npm/@vueuse/core"></script>
<!-- Import component library -->
<script src="//cdn.jsdelivr.net/npm/erabbit"></script>
</head>What is Erabbit UI ?
Practical & Beautiful component library, A Vue 3 based component library for erabbit web applications.
| Name | Completed | Description |
|---|---|---|
Area | ✅ | Area Component |
Button | ✅ | Button Component |
Breadcrumb BreadcrumbItem | ✅ | Breadcrumb Component |
Carousel CarouselItem | ✅ | Carousel Component |
Checkbox | ✅ | Checkbox Component |
Confirm | ✅ | Confirm Component |
showConfirm | ✅ | showConfirm Function |
Dialog | ❎ | Dialog Component |
Icon | ✅ | Icon Component |
Message | ✅ | Message Component |
showMessage | ✅ | showMessage Function |
ImageView | ❎ | ImageView Component |
InfiniteLoading | ❎ | InfiniteLoading Component |
InputNumber | ✅ | InputNumber Component |
More | ❎ | More Component |
Pagination | ❎ | Pagination Component |
Skeleton | ❎ | Skeleton Component |
Sku | ✅ | Sku Component |
Step StepItem | ✅ | Step Component |
Tab TabPanel | ✅ | Tab Component |