mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-24 07:28:28 +08:00
25 lines
473 B
TypeScript
25 lines
473 B
TypeScript
import React from 'react';
|
|
import { Col, Row } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Row>
|
|
{new Array(10).fill(0).map((_, index) => {
|
|
const key = `col-${index}`;
|
|
return (
|
|
<Col
|
|
key={key}
|
|
xs={{ flex: '100%' }}
|
|
sm={{ flex: '50%' }}
|
|
md={{ flex: '40%' }}
|
|
lg={{ flex: '20%' }}
|
|
xl={{ flex: '10%' }}
|
|
>
|
|
Col
|
|
</Col>
|
|
);
|
|
})}
|
|
</Row>
|
|
);
|
|
|
|
export default App;
|