欢迎来到方舟UI

Ark UI是一个无头开源的UI库,有超过45+组件,设计用于建筑可再用,可缩放的设计 系统 它支持一系列广泛的JavaScript框架,为每个被支持的框架提供解码包.

支持的框架

Ark UI 可用于以下 JavaScript 框架 :

• 反应数字 : @ark-ui/react
• 固态数字 : @ark-ui/solid
• 阴道数字 : @ark-ui/vue

可用组件

• 手风琴
• 有远见
• 木马
• 复选框
• 剪贴板
• 可折叠
• 颜色拾取器
• 组合框
• 约会拾取器
• 对话框
• 可编辑
• 外地
• 字段集
• 文件上传
• 贺卡
• 菜单
• 数字输入
• 倾斜
• 键输入
• 过量
• 进展 - 通知
• 进度 - 线性
• QR 代码
• 无线电组
• 评级组
• 分组
• 选择
• 签名纸
• 幻灯片
• 分块
• 切换
• 标签
• 标记输入
• 土司
• 切换组
• 工具提示
• 树形视图

安装

要安装 @ark-ui/vue,运行以下命令:

npm install @ark-ui/vue

或带线:

yarn add @ark-ui/vue

使用量

使用来自 @ark-ui/vue,导入并将其纳入您的应用程序中:

<script setup lang="ts">
import { Slider } from '@ark-ui/vue'
import { ref } from 'vue'

const value = ref([30])
</script>

<template>
  <Slider.Root :min="-50" :max="50" v-model="value">
    <Slider.Label>Label</Slider.Label>
    <Slider.ValueText>{{ value }}</Slider.ValueText>
    <Slider.Control>
      <Slider.Track>
        <Slider.Range />
      </Slider.Track>
      <Slider.Thumb :index="0" />
    </Slider.Control>
  </Slider.Root>
</template>

文档

欲了解更详细的文件和实例,请访问 正式文件。 。 。 .

路线图

你可以请求,投票, 检查我们即将到来的特性 路线图。 。 。 .

捐款

我们欢迎对方舟国际的贡献。 请读我们的 提供指南 了解如何使用 贡献.

许可证

本项目的许可条件如下: 麻省理工学院许可证。 。 。 .