半径

反应组件建立在本地的HTML元素上,有共享的主题. 发表 作为 @cognitap/radiant 下级 页:1 麻省理工学院许可证. Radiant在0.x期间是实验性的.

它有11个家族:按钮,链接,字段,输入,选择,复选框,无线电组, 相册,可折叠相册,相和相克相册.

安装

pnpm add --save-exact @cognitap/radiant

反应 19.3+是一种对等依赖. 导入样式表一次 。 它需要没有 尾风和样式只包含 Radiant 组件 :

import '@cognitap/radiant/styles.css'
import { Button, Field, Input } from '@cognitap/radiant'

export function Signup() {
  return (
    <form>
      <Field label="Email">
        <Input
          name="email"
          type="email"
          autoComplete="email"
        />
      </Field>
      <Button type="submit">Sign up</Button>
    </form>
  )
}

用于全局重置, 也导入 @cognitap/radiant/reset.css 在此之前 styles.css。 。 。 .

有尾风

在 Tailwind 4.3.3+ 上的应用程序可以导入源条目而不是 styles.css,所以他们自己的建筑 产生拉迪安特的公用事业。 用一条路, 不同时是:

@import 'tailwindcss';
@import '@cognitap/radiant/tailwind.css';

保持源头的发现 这样你自己的公用设施就可以产生。 你通过公用事业 内 className 替换匹配的默认值,包括 hover: 财务报告和审定财务报表 disabled: 变相.

文档

• 文档网站: 每个组成部分的指南和活的示例
• 建筑:家庭如何融合以及为什么
• 他们: 符号、预设、字体和模式
• 动议: 选入春季动画
• 无障碍:支助目标和人工检查
• 词汇表: 共享词汇
• 更改日志:每个单元的变化,包括未释放的工作
• 捐款: 设置、命令和更改如何合并