什么是 Blocks?
Blocks 是指设计系统中的可重用组件或模块。它们基于 shadcn/ui 提供的 CSS 变量和样式构建,可以快速在您的应用程序中创建一致且美观的 UI。
Blocks 和组件有什么区别?
Blocks 是一个高阶组件的集合,包括:
header、footer、hero、features、subscribe、waitlist、faq、pricing、testimonials、cta、usage、login、brand 和 contact
组件是 Blocks 的组成部分,它们是 Blocks 的最小单位,用于构建 Blocks。
如何使用 Blocks?
Blocks 的数据通过 config.ts 进行配置,您只需要在需要的地方引入 Blocks,比如我们的登录页面:
hero.tsx