快速开始

cd design-system
pnpm install
pnpm build:packages
pnpm build:docs
pnpm --filter @kotodama/docs preview

安装使用

import {
  ConfigProvider,
  Button,
  zhCN,
} from '@kotodama/lego-react';
import '@kotodama/lego-react/style.css';

export function App() {
  return (
    <ConfigProvider locale={zhCN} theme={{ algorithm: 'admin' }}>
      <Button variant="solid">提交</Button>
    </ConfigProvider>
  );
}

按层引入(营销页推荐)

import { Button } from '@kotodama/lego-react/primitives';
import { Hero, Section } from '@kotodama/lego-react/blocks';
import '@kotodama/lego-react/primitives.css';
import '@kotodama/lego-react/blocks.css';

后台页可再加 @kotodama/lego-react/patterns + patterns.css。全量仍可用 style.css

换皮与槽位扩展见 Lego wrappers。SSR 见 SSR / 静态样式