@javaabu / onu

Onu (އޮނު)的意思 竹子 在迪维希。

Javaabu的React UI组件库，构建于 shadcn / ui 和顺风CSS v4。

• 先说劳教和迪维希：每个部件都能工作 dir="rtl"，内置了Dhivehi字符串、日期和字体。
• 塔纳键盘输入 在每个自由文本字段，语音（jtk兼容）或打字机布局。
• 一个变量重新主题： --onu-primary。其他所有内容的颗粒令牌。
• 黑暗的模式， 密度模式 （紧凑→触摸）和 响应,触屏移动 组件。
• 可使用的： WCAG 2.2 AA，用斧头测试。
• Lucide图标 默认情况下，使用 FontAwesome职业 和Iconify适配器。

每个组件和示例页面： onu.on-forge.com.

安装

npm install @javaabu/onu react-hook-form @tanstack/react-query
# optional font pack (Inter, JetBrains Mono, Noto Sans Thaana; Faruma and MV Faseyha come with tailwind.css and styles.css)
npm install @fontsource-variable/inter @fontsource-variable/jetbrains-mono @fontsource-variable/noto-sans-thaana

/* app.css */
@import "tailwindcss";
@import "@javaabu/onu/tailwind.css";
@import "@javaabu/onu/fonts.css"; /* optional font pack: needs the packages above */

import { Button, OnuProvider, ThemeProvider } from "@javaabu/onu"
import { dv } from "@javaabu/onu/locales/dv"

export function App() {
  return (
    <ThemeProvider>
      <OnuProvider locale={dv}>
        <Button>ސޭވްކުރޭ</Button>
      </OnuProvider>
    </ThemeProvider>
  )
}

用一个变量重新主题：

:root {
  --onu-primary: oklch(0.55 0.15 240);
}

文档

文档随包一起发布，作为与已安装版本匹配的Markdown：

• node_modules/@javaabu/onu/llms.txt：设置和编写Onu代码的规则，然后每个组件，钩子和指南都用一行说明它的用途
• node_modules/@javaabu/onu/docs/<group>/<name>.md：每个组件一个页面，包含其道具和可访问性说明

将你的AI编码助手指向 llms.txt，或使用MCP服务器 @javaabu/onu-mcp.

许可证

MIT©Javaabu Pvt. Ltd。