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.
39 lines
897 B
39 lines
897 B
2 years ago
|
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>
|
||
|
);
|