ant-design/components/collapse/demo/accordion.md

33 lines
727 B
Markdown
Raw Normal View History

2015-07-11 10:17:58 +08:00
# 手风琴
- order: 1
2015-07-21 20:53:36 +08:00
手风琴每次只打开一个tab。默认打开第一个。
2015-07-11 10:17:58 +08:00
---
````jsx
var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
var text = `
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many households across the world.
`;
React.render(
<Collapse accordion={true}>
<Panel header={`This is panel header 1`} key="1">
<p>{text}</p>
</Panel>
<Panel header={`This is panel header 2`} key="2">
<p>{text}</p>
</Panel>
<Panel header={`This is panel header 3`} key="3">
<p>{text}</p>
</Panel>
</Collapse>
, document.getElementById('components-collapse-demo-accordion'));
````