mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-12 15:47:59 +08:00
33 lines
724 B
Markdown
33 lines
724 B
Markdown
|
# 手风琴
|
|||
|
|
|||
|
- order: 1
|
|||
|
|
|||
|
手风琴,每次只打开一个tab。默认打开第一个
|
|||
|
|
|||
|
---
|
|||
|
|
|||
|
````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'));
|
|||
|
````
|