简介
@beisen-phoenix/container
是一个基于 React 的前端组件库,专门用于企业级 Web 应用的 UI 设计与开发。
本文将介绍如何使用该 npm 包。
安装
@beisen-phoenix/container
可以通过 npm 安装:
npm install @beisen-phoenix/container
使用
引入组件:
import { Container } from '@beisen-phoenix/container';
渲染组件:
<Container> <h1>Hello World</h1> </Container>
API
Container
组件提供了以下属性:
className
- 类型:
string
- 默认值:
''
添加自定义样式类。
style
- 类型:
React.CSSProperties
- 默认值:
{}
添加自定义样式。
fluid
- 类型:
boolean
- 默认值:
false
是否使用全屏宽度。
示例代码
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - --------- - ---- ---------------------------- -------- ----- - ------ - ---------- ------ --------- ---------- ------------ -- - ------ ------- ----
总结
@beisen-phoenix/container
是一个非常方便的前端组件库,可以大大提高开发效率。通过本文的介绍,您已经可以开始使用该库了。在实际应用中,您还可以根据 API 的描述来自定义该组件,以适应不同的需求。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/134804