npm 包 @beisen-phoenix/container 使用教程

阅读时长 2 分钟读完

简介

@beisen-phoenix/container 是一个基于 React 的前端组件库,专门用于企业级 Web 应用的 UI 设计与开发。

本文将介绍如何使用该 npm 包。

安装

@beisen-phoenix/container 可以通过 npm 安装:

使用

引入组件:

渲染组件:

API

Container 组件提供了以下属性:

className

  • 类型:string
  • 默认值:''

添加自定义样式类。

style

  • 类型:React.CSSProperties
  • 默认值:{}

添加自定义样式。

fluid

  • 类型:boolean
  • 默认值:false

是否使用全屏宽度。

示例代码

-- -------------------- ---- -------
------ ----- ---- --------
------ - --------- - ---- ----------------------------

-------- ----- -
  ------ -
    ---------- ------
      --------- ----------
    ------------
  --
-

------ ------- ----

总结

@beisen-phoenix/container 是一个非常方便的前端组件库,可以大大提高开发效率。通过本文的介绍,您已经可以开始使用该库了。在实际应用中,您还可以根据 API 的描述来自定义该组件,以适应不同的需求。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/134804