358 lines
23 KiB
Plaintext
358 lines
23 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
|
|
<div>
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive">Content of Tab Pane 2</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab Pane 1</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
|
|
<div class="card-container">
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab Title 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab Title 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab Title 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
|
<p>Content of Tab Pane 1</p>
|
|
<p>Content of Tab Pane 1</p>
|
|
<p>Content of Tab Pane 1</p>
|
|
</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
|
|
<div>
|
|
<div style="margin-bottom: 16px;">
|
|
<button type="button" class="ant-btn ant-btn-default"><span>ADD</span></button>
|
|
</div>
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
|
|
<div>Tab 1
|
|
<i class="anticon anticon-close"></i>
|
|
</div>
|
|
</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
|
|
<div>Tab 2
|
|
<i class="anticon anticon-close"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
|
Content of Tab 1
|
|
</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="true" aria-selected="false" class=" ant-tabs-tab ant-tabs-tab-disabled">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Tab 1</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card ant-tabs-no-animation no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"><span><i class="anticon anticon-plus ant-tabs-new-tab"></i></span></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
|
|
<div class="ant-tabs-tab-unclosable">Tab 1</div>
|
|
</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
|
|
<div>Tab 2
|
|
<i class="anticon anticon-close"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-no-animated">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
|
Content of Tab 1
|
|
</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;">
|
|
<button type="button" class="ant-btn ant-btn-default"><span>Extra Action</span></button>
|
|
</div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab"><span slot="tab"><i class="anticon anticon-apple"></i>
|
|
Tab 1
|
|
</span></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab"><span slot="tab"><i class="anticon anticon-android"></i>
|
|
Tab 2
|
|
</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
|
|
Tab 2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
|
|
<div style="width: 500px;">
|
|
<div class="ant-radio-group ant-radio-group-default" style="margin: 8px;">
|
|
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>top</span></label>
|
|
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>bottom</span></label>
|
|
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>left</span></label>
|
|
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>right</span></label>
|
|
</div>
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of Tab 1</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
|
|
<div>
|
|
<div class="ant-radio-group ant-radio-group-default" style="margin-bottom: 16px;">
|
|
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Small</span></label>
|
|
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Default</span></label>
|
|
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Large</span></label>
|
|
</div>
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-small ant-tabs-line no-flex">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: -100%;">
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 2</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
|
|
<div style="width: 500px;">
|
|
<div class="ant-radio-group ant-radio-group-default" style="margin-bottom: 8px;">
|
|
<label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Horizontal</span></label>
|
|
<label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input"><span class="ant-radio-button-inner"></span></span><span>Vertical</span></label>
|
|
</div>
|
|
<div class="ant-tabs ant-tabs-top ant-tabs-line no-flex" style="height: 200px;">
|
|
<div role="tablist" tabindex="0" class="ant-tabs-bar">
|
|
<div class="ant-tabs-extra-content" style="float: right;"></div>
|
|
<div class="ant-tabs-nav-container"><span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span><span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>
|
|
<div
|
|
class="ant-tabs-nav-wrap">
|
|
<div class="ant-tabs-nav-scroll">
|
|
<div class="ant-tabs-nav ant-tabs-nav-animated">
|
|
<div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
|
|
<div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 4</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 5</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 6</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 7</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 8</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 9</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 10</div>
|
|
<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 11</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
|
|
<div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">Content of tab 1</div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
<div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|