Group

分组组件,用于分隔不同的内容块。

组件

Group

<Group> 组件。

Props

component
PropType: node

分组容器元素,默认为 div

header
PropType: node

分组标题。

PropType: node

分组脚注。

noPadded
PropType: bool

是否移除分组内容的 padding

示例

  1. import React from 'react';
  2. import {
  3. Group,
  4. } from 'amazeui-touch';
  5. const GroupExample = React.createClass({
  6. render() {
  7. return (
  8. <div>
  9. <Group
  10. header="默认"
  11. noPadded
  12. >
  13. {sliderIntance}
  14. </Group>
  15. <Group
  16. header="缩略图"
  17. noPadded
  18. >
  19. {sliderThumbs}
  20. </Group>
  21. <Group
  22. header="标题"
  23. noPadded
  24. >
  25. {sliderCaption}
  26. </Group>
  27. </Container>
  28. );
  29. }
  30. });
  31. export default GroupExample;
Version: 1.0.0

原文: http://t.amazeui.org/#/docs/group