@beisen-phoenix/grid

> Row 栅格的容器,一般由一个row来确定栅格的范围 > > Col 栅格的列 >

Usage no npm install needed!

<script type="module">
  import beisenPhoenixGrid from 'https://cdn.skypack.dev/@beisen-phoenix/grid';
</script>

README

Grid

栅格系统,包括以下组件

Row 栅格的容器,一般由一个row来确定栅格的范围

Col 栅格的列

Row API

name description type default
column 该行所占据的栅格数,可选值包括 6/12/24 number类型 12
gutter 栅格的间隙 number类型 可选值包括 0、12、20、24、40 12
children 该行所容纳的列 React.ReactNode 只能是Col
aroundSpace 栅格系统的左右两侧是否留白 booean true

Col API

name description type default
span 该栅格所跨的栅格数 number类型,最大支持24 1
offset 偏移量(指定某栅格向右偏移多少个栅格) number 0
children 具体待展示的内容 React.ReactNode