import React from 'react'; import { Carousel, ConfigProvider } from 'antd'; /** Test usage. Do not use in your production. */ const contentStyle: React.CSSProperties = { margin: 0, height: '160px', color: '#fff', lineHeight: '160px', textAlign: 'center', background: '#364d79', }; export default () => ( <ConfigProvider theme={{ components: { Carousel: { dotWidth: 50, dotHeight: 50, dotActiveWidth: 80, }, }, }} > <Carousel> <div> <h3 style={contentStyle}>1</h3> </div> <div> <h3 style={contentStyle}>2</h3> </div> <div> <h3 style={contentStyle}>3</h3> </div> <div> <h3 style={contentStyle}>4</h3> </div> </Carousel> </ConfigProvider> );