hut-ui

Hut UI

Hut UI 是一套链接开发者、设计师、交互和产品经理的桌面端组件库

特性

• 视觉统一: 个人维护并持续更新，保证了视觉层面的高颜值和统一性。
• 易于上手: 开箱即用，详尽文档/示例，在线 Demo 不必安装本地即可在线编辑和学习。
• 组件丰富: 覆盖了大部分开发场景，满足绝大部分网站需求，易于配置，提升开发效率。
• 按需加载: 默认支持基于 ES modules 的 tree shaking，按需加载提升页面性能。
• TypeScript: 全套使用 TypeScript，胜任大型项目开发。

支持环境

• 现代浏览器和 IE10+（需要 polyfills ）
• Vue ^3
• Typescript ^4

安装

• npm安装

npm install hut-ui

• yarn安装

yarn install hut-ui

• pnpm安装

pnpm install hut-ui

按需导入

<template>
  <div class="wrap">
    <Button type="primary">toggle</Button>
    <Button type="text">toggle</Button>
    <Button type="link">toggle</Button>
    <Button type="dashed">toggle</Button>
    <Button type="default">toggle</Button>
  </div>
</template>

<script setup lang="ts">
import { Button } from 'hut-ui'
</script>

<style lang="scss" scoped>
.wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
</style>