@asheui/网络
在 Tailwind CSS v4 上构建的 React UI 框架。 可访问、可配置驱动 组件、布局系统、一页的区段和一页 融入他们自己的切入点.
特征
- 配置驱动 —主题,变体,颜色,半径和间隔默认解析 通过一个级联,因此可以在全球、每个组件或每个组件确定一个值 举个例子.
- 排版系统 —— 说
Container, (中文(简体) ),Section, (中文(简体) ),Stack编号 :HStack编号 :VStack, (中文(简体) ),Grid, (中文(简体) ),Page编号 :PageHeader编号 :PageContent编号 :PageFooter附加时SidebarLayout财务报告和审定财务报表AuthLayout申请页. - 页 次 —— 说
Navbar, (中文(简体) ),Hero, (中文(简体) ),FeatureGrid, (中文(简体) ),CTA, (中文(简体) ),Testimonials, (中文(简体) ),PricingCard财务报告和审定财务报表Footer,每个动作作为配置. - Puck 一体化 ——框架的区块登记在
@asheeui/puck,所以一个 应用程序、编辑器和已出版的页面共享一个执行,和一个设备 使由本地组件构成的页面.@puckeditor/core是一个 该软件包的可选对等依赖性. - 尾风 CSS v4 ——类名称为静态并完整,颜色决定 通过 CSS 自定义属性.
- 浅而暗的主题 ——内置
light, (中文(简体) ),dark财务报告和审定财务报表system主题,加 自定义主题. - 可访问 - 地标、名称、键盘行为和宣布状态 每个部件合同的一部分, 并有说明它们的测试.
- 类型脚本第一 ——完全打入的配置,主题登记和组件 道具,每个出口符号上都有JSDoc.
所需资源
- 反应 18 或更新
- 尾风 CSS v4
- 22.12或较新的发展节点
安装
npm install @asheeui/web
导入样式表一次后将根包入提供者 :
@import "tailwindcss";
@import "@asheeui/web/styles";
import { AsheeUIProvider } from "@asheeui/web";
可选 @asheeui/cli 包可以脚手架 设置和检查,但它
不需要:以上两个步骤是整个设置.
文档
框架文件存放在存储处:
快开始
import { Button, Page, PageContent, Hero } from "@asheeui/web";
export function App() {
return (
<Page>
<PageContent>
<Hero
title="Run your campaigns from one place"
primaryAction={{ label: "Start free", href: "/signup" }}
/>
<Button>Hello AsheeUI</Button>
</PageContent>
</Page>
);
}
一个完整的页面是 Navbar,一个或两个乐队,和 Footer全部编曲
结束 Page, (中文(简体) ), Section, (中文(简体) ), Container 财务报告和审定财务报表 Grid。 。 。 .
他们
主题为 CSS 自定义属性( S)--ashee-background, (中文(简体) ), --ashee-primary,以及
由供应商在第一次油漆之前应用. useTheme 开关
并记录首选项, themeController 做同样的
外部反应,一个主题被定义为配置中的块.
链接
- 联合国 https://asheeui.com (英语)
- 仓库 : https://github.com/AsheeSoftworks/AsheeUI (英语)
- 问题: https://github.com/AsheeSoftworks/AsheeUI/issubs (中文(简体) )
许可证
AsheeUI根据该条例获得许可证 Apache 许可证 2.0版权和版权 归属通知在根中 通知 文件; 仓库 许可证指南 解释重新分配需要什么.