You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

38 lines
897 B

import React from 'react';
import { Tour } from 'antd';
/** Test usage. Do not use in your production. */
const { _InternalPanelDoNotUseOrYouWillBeFired: InternalPanel } = Tour;
export default () => (
<div
style={{
display: 'flex',
flexDirection: 'column',
rowGap: 16,
background: 'rgba(50,0,0,0.65)',
padding: 8,
}}
>
<InternalPanel title="Hello World!" description="Hello World?!" />
<InternalPanel
title="Hello World!"
description="Hello World?!"
cover={
<img
alt="tour.png"
src="https://user-images.githubusercontent.com/5378891/197385811-55df8480-7ff4-44bd-9d43-a7dade598d70.png"
/>
}
current={5}
total={7}
/>
<InternalPanel
title="Hello World!"
description="Hello World?!"
type="primary"
current={4}
total={5}
/>
</div>
);