docs: Update demo with Space (#35172)

This commit is contained in:
二货机器人 2022-04-22 13:35:27 +08:00 committed by GitHub
parent 3511642337
commit f8d728161c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 1140 additions and 711 deletions

View File

@ -323,8 +323,11 @@ const FormSizeDemo = () => {
/> />
} }
> >
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>

View File

@ -2583,28 +2583,41 @@ Array [
exports[`renders ./components/dropdown/demo/basic.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/basic.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -4529,28 +4542,41 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md extend context co
exports[`renders ./components/dropdown/demo/event.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/event.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me, Click menu item <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me, Click menu item
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -4743,28 +4769,41 @@ Array [
exports[`renders ./components/dropdown/demo/item.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/item.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -5488,28 +5527,41 @@ exports[`renders ./components/dropdown/demo/loading.md extend context correctly
exports[`renders ./components/dropdown/demo/menu-full.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/menu-full.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover to check menu style <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover to check menu style
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -6618,28 +6670,41 @@ Array [
exports[`renders ./components/dropdown/demo/overlay-visible.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/overlay-visible.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -8154,28 +8219,41 @@ exports[`renders ./components/dropdown/demo/placement.md extend context correctl
exports[`renders ./components/dropdown/demo/sub-menu.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/sub-menu.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Cascading menu <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Cascading menu
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div
@ -8653,28 +8731,41 @@ Array [
exports[`renders ./components/dropdown/demo/trigger.md extend context correctly 1`] = ` exports[`renders ./components/dropdown/demo/trigger.md extend context correctly 1`] = `
Array [ Array [
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Click me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Click me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a>, </a>,
<div> <div>
<div <div

View File

@ -110,28 +110,41 @@ Array [
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;
@ -356,55 +369,81 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me, Click menu item <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me, Click menu item
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;
@ -626,55 +665,81 @@ exports[`renders ./components/dropdown/demo/loading.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover to check menu style <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover to check menu style
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Hover me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Hover me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;
@ -784,54 +849,80 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Cascading menu <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Cascading menu
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<a <a
class="ant-dropdown-trigger ant-dropdown-link" class="ant-dropdown-trigger"
> >
Click me <div
<span class="ant-space ant-space-horizontal ant-space-align-center"
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path Click me
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
`; `;

View File

@ -14,7 +14,7 @@ title:
The most basic dropdown menu. The most basic dropdown menu.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined, SmileOutlined } from '@ant-design/icons'; import { DownOutlined, SmileOutlined } from '@ant-design/icons';
const menu = ( const menu = (
@ -54,8 +54,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -14,7 +14,7 @@ title:
An event will be triggered when you click menu items, in which you can make different operations according to item's key. An event will be triggered when you click menu items, in which you can make different operations according to item's key.
```jsx ```jsx
import { Menu, Dropdown, message } from 'antd'; import { Menu, Dropdown, message, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const onClick = ({ key }) => { const onClick = ({ key }) => {
@ -43,8 +43,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me, Click menu item <DownOutlined /> <Space>
Hover me, Click menu item
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -14,7 +14,7 @@ title:
Divider and disabled menu item. Divider and disabled menu item.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const menu = ( const menu = (
@ -50,8 +50,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -19,7 +19,7 @@ This demo was created for debugging Menu styles inside Dropdown.
[#19150](https://github.com/ant-design/ant-design/pull/19150) [#19150](https://github.com/ant-design/ant-design/pull/19150)
```tsx ```tsx
import { Menu, Dropdown, MenuProps } from 'antd'; import { Menu, Dropdown, MenuProps, Space } from 'antd';
import { MailOutlined, AppstoreOutlined, SettingOutlined, DownOutlined } from '@ant-design/icons'; import { MailOutlined, AppstoreOutlined, SettingOutlined, DownOutlined } from '@ant-design/icons';
type MenuItem = Required<MenuProps>['items'][number]; type MenuItem = Required<MenuProps>['items'][number];
@ -71,8 +71,11 @@ const menu = <Menu selectedKeys={['1']} openKeys={['sub1']} items={items} />;
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover to check menu style <DownOutlined /> <Space>
Hover to check menu style
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -14,7 +14,7 @@ title:
The default is to close the menu when you click on menu items, this feature can be turned off. The default is to close the menu when you click on menu items, this feature can be turned off.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
class OverlayVisible extends React.Component { class OverlayVisible extends React.Component {
@ -58,8 +58,11 @@ class OverlayVisible extends React.Component {
onVisibleChange={this.handleVisibleChange} onVisibleChange={this.handleVisibleChange}
visible={this.state.visible} visible={this.state.visible}
> >
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Hover me <DownOutlined /> <Space>
Hover me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -14,7 +14,7 @@ title:
The menu has multiple levels. The menu has multiple levels.
```jsx ```jsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const { SubMenu } = Menu; const { SubMenu } = Menu;
@ -71,8 +71,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu}> <Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Cascading menu <DownOutlined /> <Space>
Cascading menu
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -14,7 +14,7 @@ title:
The default trigger mode is `hover`, you can change it to `click`. The default trigger mode is `hover`, you can change it to `click`.
```tsx ```tsx
import { Menu, Dropdown } from 'antd'; import { Menu, Dropdown, Space } from 'antd';
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
const menu = ( const menu = (
@ -41,8 +41,11 @@ const menu = (
export default () => ( export default () => (
<Dropdown overlay={menu} trigger={['click']}> <Dropdown overlay={menu} trigger={['click']}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}> <a onClick={e => e.preventDefault()}>
Click me <DownOutlined /> <Space>
Click me
<DownOutlined />
</Space>
</a> </a>
</Dropdown> </Dropdown>
); );

View File

@ -3664,29 +3664,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3756,29 +3767,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3848,29 +3870,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3940,29 +3973,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4032,29 +4076,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4124,29 +4179,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4216,29 +4282,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4308,29 +4385,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4400,29 +4488,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -4492,29 +4591,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>

View File

@ -2937,29 +2937,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3029,29 +3040,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3121,29 +3143,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3213,29 +3246,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3305,29 +3349,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3397,29 +3452,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3489,29 +3555,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3581,29 +3658,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3673,29 +3761,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>
@ -3765,29 +3864,40 @@ Array [
<div <div
class="ant-space-item" class="ant-space-item"
> >
<a <a>
class="ant-dropdown-link" <div
> class="ant-space ant-space-horizontal ant-space-align-center"
More actions
<span
aria-label="down"
class="anticon anticon-down"
role="img"
> >
<svg <div
aria-hidden="true" class="ant-space-item"
data-icon="down" style="margin-right:8px"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path More actions
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" </div>
/> <div
</svg> class="ant-space-item"
</span> >
<span
aria-label="down"
class="anticon anticon-down"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
</div>
</div>
</a> </a>
</div> </div>
</div> </div>

View File

@ -49,8 +49,11 @@ const columns = [
render: () => ( render: () => (
<Space size="middle"> <Space size="middle">
<a>Delete</a> <a>Delete</a>
<a className="ant-dropdown-link"> <a>
More actions <DownOutlined /> <Space>
More actions
<DownOutlined />
</Space>
</a> </a>
</Space> </Space>
), ),