Container 区块容器组件
如果项目中使用的是 0.x 版本的基础组件(@icedesign/base, @ali/ice, @alife/next),请在左侧导航顶部切换组件版本。
安装方法
- 在命令行中执行以下命令
npm install @icedesign/container@1.0.4 -S
参数(props)
参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | |
---|---|---|---|---|---|---|
className | 样式名 | false | string | - | ||
style | 样式 | false | object | {} | ||
loading | 加载时 loading | 否 | boolean | false | ||
error | 数据错误 | 否 | 任何数据类型的值 | false | ||
empty | 数据为空 | 否 | 任何数据类型的值 | false | ||
title | 标题 | 否 | string | - |
代码示例
基本展示—-
查看源码在线预览
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@alifd/next';
import IceContainer from '@icedesign/container';
class App extends Component {
state = {
}
render() {
return (
<div style={{ padding: '50px', background: '#ddd'}}>
<IceContainer>Hello World!</IceContainer>
</div>
);
}
}
ReactDOM.render((
<App />
), mountNode);