Appsmith 设计系统 - 旧(已过期)

安装

npm install @appsmith/design-system-old

或者说

yarn add @appsmithorg/design-system-old

包括中央支助处

在根索引 Css 文件中添加导入 css

@import "~@appsmithorg/design-system-old/build/css/design-system-old.css";

使用量

import { TooltipComponent } from "@appsmithorg/design-system-old";

<TooltipComponent content="Some useful content 🤷🏽‍♂️">
  Hover here 😁
</TooltipComponent>

贡献

++ 本软件包因捐款而关闭。 我们欢迎各方为会议作出贡献 design-system 软件包.

git clone https://github.com/appsmithorg/design-system.git

获取所有依赖关系

cd design-system/packages/design-system-old
yarn install

然后在开发中运行故事本,并用

yarn run design-system:storybook

你写的任何故事 design-system/packages/design-system-old/src/** 会在这里出现.

要使用本地版本的软件包, 请运行

yarn link

在此寄存器中,然后将其输出复制到您想要使用此软件包的寄存器根目录中. 运行

yarn install 

重新导入组件

import { TooltipComponent } from "@appsmithorg/design-system-old";

创建故事模板

yarn create-story -f <folder-name>

“ 文件夹名” 是保存正在创建的故事模板的组件的文件夹 。 应在 “ src” 文件夹下 .

快乐的游乐场测试!

链接

• 主页