ant-design/components/badge/__tests__/__snapshots__/demo.test.js.snap

2850 lines
55 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
<div>
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2017-07-31 18:01:45 +08:00
title="5"
>
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
</span>
</sup>
</span>
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2017-07-31 18:01:45 +08:00
title="0"
>
0
</sup>
</span>
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle ant-scroll-number-custom-component"
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
role="img"
style="color:#f5222d"
>
<svg
aria-hidden="true"
class=""
data-icon="clock-circle"
fill="currentColor"
2019-04-11 12:48:36 +08:00
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
</span>
</div>
2016-11-22 14:28:05 +08:00
`;
exports[`renders ./components/badge/demo/change.md correctly 1`] = `
2016-12-20 11:06:40 +08:00
<div>
<div>
<span
class="ant-badge"
>
2016-12-20 11:06:40 +08:00
<a
class="head-example"
href="#"
/>
2016-12-20 11:06:40 +08:00
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2017-07-31 18:01:45 +08:00
title="5"
>
2016-12-20 11:06:40 +08:00
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
2016-12-20 11:06:40 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-12-20 11:06:40 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
9
</p>
</span>
</sup>
</span>
<div
class="ant-btn-group"
>
2016-12-20 11:06:40 +08:00
<button
2017-02-04 22:35:33 +08:00
class="ant-btn"
type="button"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
aria-label="minus"
2018-08-13 20:51:01 +08:00
class="anticon anticon-minus"
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
role="img"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="minus"
fill="currentColor"
2019-04-11 12:48:36 +08:00
focusable="false"
2018-09-02 19:53:29 +08:00
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
/>
</svg>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2016-12-20 11:06:40 +08:00
</button>
<button
2017-02-04 22:35:33 +08:00
class="ant-btn"
type="button"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
aria-label="plus"
2018-08-13 20:51:01 +08:00
class="anticon anticon-plus"
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
role="img"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="plus"
fill="currentColor"
2019-04-11 12:48:36 +08:00
focusable="false"
2018-09-02 19:53:29 +08:00
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<defs />
2018-09-02 19:53:29 +08:00
<path
2019-02-28 14:42:11 +08:00
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
2018-09-02 19:53:29 +08:00
/>
</svg>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2016-12-20 11:06:40 +08:00
</button>
</div>
</div>
<div
2017-09-20 16:26:18 +08:00
style="margin-top:10px"
>
2016-12-20 11:06:40 +08:00
<span
class="ant-badge"
>
2016-12-20 11:06:40 +08:00
<a
class="head-example"
href="#"
/>
2016-12-20 11:06:40 +08:00
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
/>
2016-12-20 11:06:40 +08:00
</span>
2018-09-13 19:47:28 +08:00
<button
aria-checked="true"
2017-07-31 18:03:16 +08:00
class="ant-switch ant-switch-checked"
2018-09-13 19:47:28 +08:00
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
2016-12-20 11:06:40 +08:00
<span
class="ant-switch-inner"
/>
2018-09-13 19:47:28 +08:00
</button>
2016-12-20 11:06:40 +08:00
</div>
</div>
`;
exports[`renders ./components/badge/demo/colorful.md correctly 1`] = `
Array [
<div
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left"
role="separator"
>
<span
class="ant-divider-inner-text"
>
Presets
</span>
</div>,
<div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-pink"
/>
<span
class="ant-badge-status-text"
>
pink
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-red"
/>
<span
class="ant-badge-status-text"
>
red
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-yellow"
/>
<span
class="ant-badge-status-text"
>
yellow
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-orange"
/>
<span
class="ant-badge-status-text"
>
orange
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-cyan"
/>
<span
class="ant-badge-status-text"
>
cyan
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-green"
/>
<span
class="ant-badge-status-text"
>
green
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-blue"
/>
<span
class="ant-badge-status-text"
>
blue
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-purple"
/>
<span
class="ant-badge-status-text"
>
purple
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-geekblue"
/>
<span
class="ant-badge-status-text"
>
geekblue
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-magenta"
/>
<span
class="ant-badge-status-text"
>
magenta
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-volcano"
/>
<span
class="ant-badge-status-text"
>
volcano
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-gold"
/>
<span
class="ant-badge-status-text"
>
gold
</span>
</span>
</div>
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-lime"
/>
<span
class="ant-badge-status-text"
>
lime
</span>
</span>
</div>
</div>,
<div
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left"
role="separator"
>
<span
class="ant-divider-inner-text"
>
Custom
</span>
</div>,
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background:#f50"
/>
<span
class="ant-badge-status-text"
>
#f50
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background:#2db7f5"
/>
<span
class="ant-badge-status-text"
>
#2db7f5
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background:#87d068"
/>
<span
class="ant-badge-status-text"
>
#87d068
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot"
style="background:#108ee9"
/>
<span
class="ant-badge-status-text"
>
#108ee9
</span>
</span>
</div>,
]
`;
exports[`renders ./components/badge/demo/dot.md correctly 1`] = `
2016-12-20 11:06:40 +08:00
<div>
<span
class="ant-badge"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
aria-label="notification"
2018-08-13 20:51:01 +08:00
class="anticon anticon-notification"
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
role="img"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="notification"
fill="currentColor"
2019-04-11 12:48:36 +08:00
focusable="false"
2018-09-02 19:53:29 +08:00
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z"
/>
</svg>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2016-12-20 11:06:40 +08:00
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
/>
2016-12-20 11:06:40 +08:00
</span>
<span
class="ant-badge"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
aria-label="notification"
2018-08-13 20:51:01 +08:00
class="anticon anticon-notification"
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
role="img"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="notification"
fill="currentColor"
2019-04-11 12:48:36 +08:00
focusable="false"
2018-09-02 19:53:29 +08:00
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z"
/>
</svg>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
</span>
2016-12-20 11:06:40 +08:00
<span
class="ant-badge"
>
2016-12-20 11:06:40 +08:00
<a
href="#"
>
2016-12-20 11:06:40 +08:00
Link something
</a>
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
/>
2016-12-20 11:06:40 +08:00
</span>
</div>
`;
exports[`renders ./components/badge/demo/link.md correctly 1`] = `
2016-12-20 11:06:40 +08:00
<a
href="#"
>
2016-12-20 11:06:40 +08:00
<span
class="ant-badge"
>
2016-12-20 11:06:40 +08:00
<span
class="head-example"
/>
2016-12-20 11:06:40 +08:00
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2017-07-31 18:01:45 +08:00
title="5"
>
2016-12-20 11:06:40 +08:00
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
2016-12-20 11:06:40 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-12-20 11:06:40 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-12-20 11:06:40 +08:00
9
</p>
</span>
</sup>
</span>
</a>
`;
exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
2016-12-20 11:06:40 +08:00
class="ant-badge ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<sup
2017-10-18 17:19:42 +08:00
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
2017-07-31 18:01:45 +08:00
title="25"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1200%);-webkit-transform:translateY(-1200%);transform:translateY(-1200%)"
>
2016-11-22 14:28:05 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
</span>
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
2016-11-22 14:28:05 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
</span>
</sup>
</span>
<span
2019-12-26 15:15:46 +08:00
class="site-badge-count-4 ant-badge ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2017-07-31 18:01:45 +08:00
title="4"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1400%);-webkit-transform:translateY(-1400%);transform:translateY(-1400%)"
>
2016-11-22 14:28:05 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
</span>
2016-12-20 11:06:40 +08:00
</sup>
</span>
<span
2019-12-26 15:15:46 +08:00
class="site-badge-count-109 ant-badge ant-badge-not-a-wrapper"
>
2016-12-20 11:06:40 +08:00
<sup
2017-10-18 17:19:42 +08:00
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
2016-12-20 11:06:40 +08:00
data-show="true"
2017-10-16 19:53:46 +08:00
style="background-color:#52c41a"
2017-08-31 10:55:25 +08:00
title="109"
>
2016-12-20 11:06:40 +08:00
99+
</sup>
</span>
</div>
`;
exports[`renders ./components/badge/demo/offset.md correctly 1`] = `
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="right:-10px;margin-top:10px"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
</span>
</sup>
</span>
`;
exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
2016-12-20 11:06:40 +08:00
<div>
<span
class="ant-badge"
>
2016-12-20 11:06:40 +08:00
<a
class="head-example"
href="#"
/>
2016-12-20 11:06:40 +08:00
<sup
2017-10-18 17:19:42 +08:00
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
2017-07-31 18:01:45 +08:00
title="99"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1900%);-webkit-transform:translateY(-1900%);transform:translateY(-1900%)"
>
2016-11-22 14:28:05 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
</span>
<span
class="ant-scroll-number-only"
2017-09-20 16:26:18 +08:00
style="transition:none;-ms-transform:translateY(-1900%);-webkit-transform:translateY(-1900%);transform:translateY(-1900%)"
>
2016-11-22 14:28:05 +08:00
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit current"
>
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
0
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
3
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
6
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
7
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
8
</p>
<p
class="ant-scroll-number-only-unit"
>
2016-11-22 14:28:05 +08:00
9
</p>
</span>
</sup>
</span>
<span
2016-12-20 11:06:40 +08:00
class="ant-badge"
>
2016-12-20 11:06:40 +08:00
<a
class="head-example"
href="#"
/>
2016-11-22 14:28:05 +08:00
<sup
2017-10-18 17:19:42 +08:00
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
2017-08-31 10:55:25 +08:00
title="100"
>
2016-11-22 14:28:05 +08:00
99+
</sup>
</span>
<span
class="ant-badge"
>
2016-11-22 14:28:05 +08:00
<a
class="head-example"
href="#"
/>
2016-11-22 14:28:05 +08:00
<sup
2017-10-18 17:19:42 +08:00
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
2017-08-31 10:55:25 +08:00
title="99"
>
2016-11-22 14:28:05 +08:00
10+
</sup>
</span>
<span
class="ant-badge"
>
2016-11-22 14:28:05 +08:00
<a
class="head-example"
href="#"
/>
2016-11-22 14:28:05 +08:00
<sup
2017-10-18 17:19:42 +08:00
class="ant-scroll-number ant-badge-count ant-badge-multiple-words"
data-show="true"
2017-08-31 10:55:25 +08:00
title="1000"
>
2016-11-22 14:28:05 +08:00
999+
</sup>
</span>
</div>
`;
exports[`renders ./components/badge/demo/ribbbon.md correctly 1`] = `
<div
class="ant-ribbon-wrapper"
>
<div
class="ant-card ant-card-bordered"
>
<div
class="ant-card-body"
>
And raises the spyglass.
</div>
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
>
Pushes open the window
<div
class="ant-ribbon-corner"
/>
</div>
</div>
`;
exports[`renders ./components/badge/demo/ribbon-debug.md correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
>
<div
class="ant-card ant-card-bordered"
>
<div
class="ant-card-body"
>
推开窗户举起望远镜
</div>
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
>
啦啦啦啦
<div
class="ant-ribbon-corner"
/>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
>
<div
class="ant-card ant-card-bordered"
>
<div
class="ant-card-body"
>
推开窗户举起望远镜
</div>
</div>
<div
class="ant-ribbon ant-ribbon-placement-end ant-ribbon-color-purple"
>
啦啦啦啦
<div
class="ant-ribbon-corner"
/>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
>
<div
class="ant-card ant-card-bordered"
>
<div
class="ant-card-body"
>
推开窗户举起望远镜
</div>
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
style="background:#2db7f5"
>
啦啦啦啦
<div
class="ant-ribbon-corner"
style="color:#2db7f5"
/>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-ribbon-wrapper"
>
<div
class="ant-card ant-card-bordered"
>
<div
class="ant-card-body"
>
推开窗户举起望远镜
</div>
</div>
<div
class="ant-ribbon ant-ribbon-placement-start"
style="background:#2db7f5"
>
啦啦啦啦
<div
class="ant-ribbon-corner"
style="color:#2db7f5"
/>
</div>
</div>
</div>
<div
class="ant-space-item"
>
<div
class="ant-ribbon-wrapper"
>
<div
class="ant-card ant-card-bordered"
>
<div
class="ant-card-body"
>
推开窗户举起望远镜
</div>
</div>
<div
class="ant-ribbon ant-ribbon-placement-end"
style="background:#2db7f5"
>
啦啦啦啦
<div
class="ant-ribbon-corner"
style="color:#2db7f5"
/>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/badge/demo/size.md correctly 1`] = `
Array [
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
</span>
</sup>
</span>,
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
<sup
class="ant-scroll-number ant-badge-count ant-badge-count-sm"
data-show="true"
title="5"
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
</span>
</sup>
</span>,
]
`;
exports[`renders ./components/badge/demo/status.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
/>
2016-11-22 14:28:05 +08:00
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
/>
2016-11-22 14:28:05 +08:00
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-default"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
/>
2016-11-22 14:28:05 +08:00
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-processing"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
/>
2016-11-22 14:28:05 +08:00
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
/>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
>
2016-11-22 14:28:05 +08:00
Success
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
>
2016-11-22 14:28:05 +08:00
Error
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-default"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
>
2016-11-22 14:28:05 +08:00
Default
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-processing"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
>
2016-11-22 14:28:05 +08:00
Processing
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-badge-status-text"
>
2016-11-22 14:28:05 +08:00
Warning
</span>
</span>
</div>
`;
exports[`renders ./components/badge/demo/title.md correctly 1`] = `
<div>
<span
class="ant-badge"
>
<a
class="head-example"
href="#"
/>
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
title="Custom hover text"
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit current"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
<p
class="ant-scroll-number-only-unit"
>
0
</p>
<p
class="ant-scroll-number-only-unit"
>
1
</p>
<p
class="ant-scroll-number-only-unit"
>
2
</p>
<p
class="ant-scroll-number-only-unit"
>
3
</p>
<p
class="ant-scroll-number-only-unit"
>
4
</p>
<p
class="ant-scroll-number-only-unit"
>
5
</p>
<p
class="ant-scroll-number-only-unit"
>
6
</p>
<p
class="ant-scroll-number-only-unit"
>
7
</p>
<p
class="ant-scroll-number-only-unit"
>
8
</p>
<p
class="ant-scroll-number-only-unit"
>
9
</p>
</span>
</sup>
</span>
</div>
`;