judicialcouncil/jcc_storybook

JCC Storybook 是一个由加州司法委员会开发的基于 Storybook 的 Drupal 基础主题。

安装次数: 105 569

依赖: 0

建议者: 0

安全性: 0

星星: 4

关注者: 5

分支: 0

语言:JavaScript

类型:drupal-theme

0.56.6 2024-09-26 19:10 UTC

This package is auto-updated.

Last update: 2024-09-26 19:12:49 UTC


README

JCC Storybook 是加州司法委员会开发的用于 Drupal 的组件库和基础主题。

这个库使用算法/内在布局技术以及 13 个 "布局原语",而不是媒体查询和断点,来组成复杂的布局。它允许内容根据其需求扩展或收缩,同时仍然适应无限屏幕尺寸。

布局原语被组合成原子组件,用于构建模板和页面。

有关本组件库所使用方法的更多详细信息,请参阅:https://judicialcouncilofcalifornia.github.io/jcc_storybook/?path=/docs/documentation-intro--default

外部参考

安装

要求

  1. 组件模块

使用

  • 使用 composer 安装到您的 Drupal 项目中。
    • composer require judicialcouncil/jcc_storybook
  • 通过 UI 或 drush 启用基础主题
    • drush en jcc_storybook
  • 在您的 info.yml 文件中添加以下行以创建新主题:base theme: jcc_storybook
  • 通过 @atoms/button.twig 等,将 twig 模板包含到您的主题中。即将推出

图案库开发

仅用于图案库的开发。不需要将其用作基础主题。

要求

  • 节点 18

安装

  • 克隆此存储库并进入目录
  • nvm use:使用指定的 Node 版本。(如果使用 nvm 管理 Node,您可能需要安装适当的版本。)
  • npm install:安装所需的开发包。
  • npm run storybook:启动 storybook。它将打开一个新的浏览器窗口。

创建组件

已安装了一个包,可以帮助您更轻松地进行开发,为您生成组件脚手架。这个包叫做 Plop JS。您无需学习或配置它。只需运行它并按照提示创建新组件。

  • npm run plop
  • 输入组件名称。例如 Card
  • 选择组件类型。例如 分子

新组件将出现在 src/stories/Molecules/Card

有关如何为此库开发组件的更多信息,请参阅 Storybook 侧边栏上的“文档”部分。

使用 JCC Storybook 的项目

  • JCC Trial Courts

链接

许可证

https://gnu.ac.cn/licenses/old-licenses/gpl-2.0.html