feat:组件框架
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: 快速开始
|
||||
nav: 指南
|
||||
title: 快速开始
|
||||
---
|
||||
|
||||
# 快速开始
|
||||
@@ -8,13 +8,21 @@ nav: 指南
|
||||
## 安装
|
||||
|
||||
```bash
|
||||
pnpm add @nova/ui
|
||||
npm install @Pika/ui
|
||||
```
|
||||
|
||||
## 使用
|
||||
|
||||
```tsx
|
||||
import { Button } from '@nova/ui/components/Button'
|
||||
import { Button } from '@Pika/ui'
|
||||
|
||||
export default () => <Button variant="solid">Hello Nova</Button>
|
||||
export default () => (
|
||||
<Button variant="solid" color="primary">
|
||||
Hello Pika
|
||||
</Button>
|
||||
)
|
||||
```
|
||||
|
||||
## 主题
|
||||
|
||||
Pika UI 支持通过 CSS 变量进行主题定制。
|
||||
|
||||
@@ -0,0 +1,35 @@
|
||||
---
|
||||
nav: Guide
|
||||
title: Introduction
|
||||
---
|
||||
|
||||
# Pika UI
|
||||
|
||||
AI-Native component library for modern visualization.
|
||||
|
||||
## Features
|
||||
|
||||
- **AI-First** — Zero-ambiguity APIs designed for AI code generation
|
||||
- **Type Safe** — Full type inference with TypeScript
|
||||
- **Flexible Theme** — Full theme customization via CSS variables
|
||||
- **Tree Shaking** — Modular architecture, only bundle what you use
|
||||
|
||||
## Installation
|
||||
|
||||
```bash
|
||||
npm install @Pika/ui
|
||||
# or
|
||||
pnpm add @Pika/ui
|
||||
```
|
||||
|
||||
## Quick Start
|
||||
|
||||
```tsx
|
||||
import { Button } from '@Pika/ui'
|
||||
|
||||
export default () => (
|
||||
<Button variant="solid" color="primary">
|
||||
Hello Pika
|
||||
</Button>
|
||||
)
|
||||
```
|
||||
@@ -0,0 +1,35 @@
|
||||
---
|
||||
nav: 指南
|
||||
title: 介绍
|
||||
---
|
||||
|
||||
# Pika UI
|
||||
|
||||
AI-Native 组件库,为现代可视化应用构建而生。
|
||||
|
||||
## 特性
|
||||
|
||||
- **AI-First** — 专为 AI 代码生成设计的零歧义 API
|
||||
- **类型安全** — 基于 TypeScript 的完整类型推导
|
||||
- **主题灵活** — 基于 CSS 变量的全量主题定制
|
||||
- **按需加载** — 支持 Tree Shaking 的模块化架构
|
||||
|
||||
## 安装
|
||||
|
||||
```bash
|
||||
npm install @Pika/ui
|
||||
# 或
|
||||
pnpm add @Pika/ui
|
||||
```
|
||||
|
||||
## 快速开始
|
||||
|
||||
```tsx
|
||||
import { Button } from '@Pika/ui'
|
||||
|
||||
export default () => (
|
||||
<Button variant="solid" color="primary">
|
||||
Hello Pika
|
||||
</Button>
|
||||
)
|
||||
```
|
||||
Reference in New Issue
Block a user