欢迎来到方舟UI

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

支持的框架

Ark UI 可用于以下 JavaScript 框架 :

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

可用组件

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

安装

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

npm install @ark-ui/solid

或带线:

yarn add @ark-ui/solid

使用量

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

import { Slider } from '@ark-ui/solid'
import { createSignal } from 'solid-js'

export const MySlider = () => {
  const [value, setValue] = createSignal([30])

  return (
    <Slider.Root min={-50} max={50} value={value()} onValueChange={(e) => setValue(e.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>
  )
}

文档

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

路线图

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

捐款

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

许可证

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