@king-design/react 2.1.0 → 2.1.1

package/__tests__/__snapshots__/React Demos.md

@@ -509,7 +509,7 @@
 ####   `Form basic`
 
 ```
-"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"margin-left: 20px;\">重置</button></div></div></form>"
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"margin-left: 20px;\">重置</button></div></div></form>"
 ```
 
 ####   `Form custom`
@@ -612,6 +612,12 @@
 "<div class=\"icons\"><div class=\"icon\"><i class=\"k-icon k-icon-alert k-large css-x0ey6t\"></i><div>k-icon-alert</div></div><div class=\"icon\"><i class=\"k-icon k-icon-alarm k-large css-x0ey6t\"></i><div>k-icon-alarm</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calendar k-large css-x0ey6t\"></i><div>k-icon-calendar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-application k-large css-x0ey6t\"></i><div>k-icon-application</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-right k-large css-x0ey6t\"></i><div>k-icon-arrow-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-up k-large css-x0ey6t\"></i><div>k-icon-arrow-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-left k-large css-x0ey6t\"></i><div>k-icon-arrow-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-down k-large css-x0ey6t\"></i><div>k-icon-arrow-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-expand k-large css-x0ey6t\"></i><div>k-icon-arrow-expand</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-left-circled k-large css-x0ey6t\"></i><div>k-icon-arrow-left-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-right-circled k-large css-x0ey6t\"></i><div>k-icon-arrow-right-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-close k-large css-x0ey6t\"></i><div>k-icon-close</div></div><div class=\"icon\"><i class=\"k-icon k-icon-bill k-large css-x0ey6t\"></i><div>k-icon-bill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-change k-large css-x0ey6t\"></i><div>k-icon-change</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-download k-large css-x0ey6t\"></i><div>k-icon-cloud-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-content-squared k-large css-x0ey6t\"></i><div>k-icon-content-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud k-large css-x0ey6t\"></i><div>k-icon-cloud</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-move k-large css-x0ey6t\"></i><div>k-icon-arrow-move</div></div><div class=\"icon\"><i class=\"k-icon k-icon-code-download k-large css-x0ey6t\"></i><div>k-icon-code-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-server k-large css-x0ey6t\"></i><div>k-icon-cloud-server</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-shrink k-large css-x0ey6t\"></i><div>k-icon-arrow-shrink</div></div><div class=\"icon\"><i class=\"k-icon k-icon-clone k-large css-x0ey6t\"></i><div>k-icon-clone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-servers k-large css-x0ey6t\"></i><div>k-icon-cloud-servers</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cart k-large css-x0ey6t\"></i><div>k-icon-cart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-delete k-large css-x0ey6t\"></i><div>k-icon-delete</div></div><div class=\"icon\"><i class=\"k-icon k-icon-fault-outline k-large css-x0ey6t\"></i><div>k-icon-fault-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calculate k-large css-x0ey6t\"></i><div>k-icon-calculate</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-swap k-large css-x0ey6t\"></i><div>k-icon-arrow-swap</div></div><div class=\"icon\"><i class=\"k-icon k-icon-download k-large css-x0ey6t\"></i><div>k-icon-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-information k-large css-x0ey6t\"></i><div>k-icon-information</div></div><div class=\"icon\"><i class=\"k-icon k-icon-internet k-large css-x0ey6t\"></i><div>k-icon-internet</div></div><div class=\"icon\"><i class=\"k-icon k-icon-edit k-large css-x0ey6t\"></i><div>k-icon-edit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-search k-large css-x0ey6t\"></i><div>k-icon-search</div></div><div class=\"icon\"><i class=\"k-icon k-icon-code-working k-large css-x0ey6t\"></i><div>k-icon-code-working</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart k-large css-x0ey6t\"></i><div>k-icon-heart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-content k-large css-x0ey6t\"></i><div>k-icon-content</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cut k-large css-x0ey6t\"></i><div>k-icon-cut</div></div><div class=\"icon\"><i class=\"k-icon k-icon-money-square k-large css-x0ey6t\"></i><div>k-icon-money-square</div></div><div class=\"icon\"><i class=\"k-icon k-icon-logout k-large css-x0ey6t\"></i><div>k-icon-logout</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-upload k-large css-x0ey6t\"></i><div>k-icon-cloud-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-lock k-large css-x0ey6t\"></i><div>k-icon-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-corporate k-large css-x0ey6t\"></i><div>k-icon-corporate</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth-none k-large css-x0ey6t\"></i><div>k-icon-truth-none</div></div><div class=\"icon\"><i class=\"k-icon k-icon-resize k-large css-x0ey6t\"></i><div>k-icon-resize</div></div><div class=\"icon\"><i class=\"k-icon k-icon-protect k-large css-x0ey6t\"></i><div>k-icon-protect</div></div><div class=\"icon\"><i class=\"k-icon k-icon-time k-large css-x0ey6t\"></i><div>k-icon-time</div></div><div class=\"icon\"><i class=\"k-icon k-icon-date k-large css-x0ey6t\"></i><div>k-icon-date</div></div><div class=\"icon\"><i class=\"k-icon k-icon-document-change k-large css-x0ey6t\"></i><div>k-icon-document-change</div></div><div class=\"icon\"><i class=\"k-icon k-icon-scanner k-large css-x0ey6t\"></i><div>k-icon-scanner</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification k-large css-x0ey6t\"></i><div>k-icon-notification</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification-outline k-large css-x0ey6t\"></i><div>k-icon-notification-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-silent k-large css-x0ey6t\"></i><div>k-icon-silent</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart-outline k-large css-x0ey6t\"></i><div>k-icon-heart-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-share k-large css-x0ey6t\"></i><div>k-icon-share</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pay k-large css-x0ey6t\"></i><div>k-icon-pay</div></div><div class=\"icon\"><i class=\"k-icon k-icon-picture k-large css-x0ey6t\"></i><div>k-icon-picture</div></div><div class=\"icon\"><i class=\"k-icon k-icon-desktop k-large css-x0ey6t\"></i><div>k-icon-desktop</div></div><div class=\"icon\"><i class=\"k-icon k-icon-earphone k-large css-x0ey6t\"></i><div>k-icon-earphone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cube k-large css-x0ey6t\"></i><div>k-icon-cube</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user-verify k-large css-x0ey6t\"></i><div>k-icon-user-verify</div></div><div class=\"icon\"><i class=\"k-icon k-icon-fault k-large css-x0ey6t\"></i><div>k-icon-fault</div></div><div class=\"icon\"><i class=\"k-icon k-icon-location k-large css-x0ey6t\"></i><div>k-icon-location</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down-squared k-large css-x0ey6t\"></i><div>k-icon-down-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pay-dollar k-large css-x0ey6t\"></i><div>k-icon-pay-dollar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paperclip k-large css-x0ey6t\"></i><div>k-icon-paperclip</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings k-large css-x0ey6t\"></i><div>k-icon-settings</div></div><div class=\"icon\"><i class=\"k-icon k-icon-home k-large css-x0ey6t\"></i><div>k-icon-home</div></div><div class=\"icon\"><i class=\"k-icon k-icon-more k-large css-x0ey6t\"></i><div>k-icon-more</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phonecall k-large css-x0ey6t\"></i><div>k-icon-phonecall</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tag k-large css-x0ey6t\"></i><div>k-icon-tag</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth-circled k-large css-x0ey6t\"></i><div>k-icon-truth-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh k-large css-x0ey6t\"></i><div>k-icon-refresh</div></div><div class=\"icon\"><i class=\"k-icon k-icon-watch k-large css-x0ey6t\"></i><div>k-icon-watch</div></div><div class=\"icon\"><i class=\"k-icon k-icon-images k-large css-x0ey6t\"></i><div>k-icon-images</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sort k-large css-x0ey6t\"></i><div>k-icon-sort</div></div><div class=\"icon\"><i class=\"k-icon k-icon-money-circled k-large css-x0ey6t\"></i><div>k-icon-money-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-trade k-large css-x0ey6t\"></i><div>k-icon-trade</div></div><div class=\"icon\"><i class=\"k-icon k-icon-star-outline k-large css-x0ey6t\"></i><div>k-icon-star-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-minus-circled k-large css-x0ey6t\"></i><div>k-icon-minus-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right k-large css-x0ey6t\"></i><div>k-icon-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-left k-large css-x0ey6t\"></i><div>k-icon-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up k-large css-x0ey6t\"></i><div>k-icon-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down k-large css-x0ey6t\"></i><div>k-icon-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upward k-large css-x0ey6t\"></i><div>k-icon-upward</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-circled k-large css-x0ey6t\"></i><div>k-icon-up-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pin k-large css-x0ey6t\"></i><div>k-icon-pin</div></div><div class=\"icon\"><i class=\"k-icon k-icon-hide k-large css-x0ey6t\"></i><div>k-icon-hide</div></div><div class=\"icon\"><i class=\"k-icon k-icon-users k-large css-x0ey6t\"></i><div>k-icon-users</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user k-large css-x0ey6t\"></i><div>k-icon-user</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-right k-large css-x0ey6t\"></i><div>k-icon-return-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-message k-large css-x0ey6t\"></i><div>k-icon-message</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paper k-large css-x0ey6t\"></i><div>k-icon-paper</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phonecall-prohibit k-large css-x0ey6t\"></i><div>k-icon-phonecall-prohibit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-speedometer k-large css-x0ey6t\"></i><div>k-icon-speedometer</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-horizontal k-large css-x0ey6t\"></i><div>k-icon-settings-horizontal</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phone k-large css-x0ey6t\"></i><div>k-icon-phone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-star k-large css-x0ey6t\"></i><div>k-icon-star</div></div><div class=\"icon\"><i class=\"k-icon k-icon-play k-large css-x0ey6t\"></i><div>k-icon-play</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh-lock k-large css-x0ey6t\"></i><div>k-icon-refresh-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-shield k-large css-x0ey6t\"></i><div>k-icon-shield</div></div><div class=\"icon\"><i class=\"k-icon k-icon-panel k-large css-x0ey6t\"></i><div>k-icon-panel</div></div><div class=\"icon\"><i class=\"k-icon k-icon-structure k-large css-x0ey6t\"></i><div>k-icon-structure</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-vertical k-large css-x0ey6t\"></i><div>k-icon-settings-vertical</div></div><div class=\"icon\"><i class=\"k-icon k-icon-printer k-large css-x0ey6t\"></i><div>k-icon-printer</div></div><div class=\"icon\"><i class=\"k-icon k-icon-stop k-large css-x0ey6t\"></i><div>k-icon-stop</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-left k-large css-x0ey6t\"></i><div>k-icon-return-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-question k-large css-x0ey6t\"></i><div>k-icon-question</div></div><div class=\"icon\"><i class=\"k-icon k-icon-unlock k-large css-x0ey6t\"></i><div>k-icon-unlock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sound-off k-large css-x0ey6t\"></i><div>k-icon-sound-off</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-squared k-large css-x0ey6t\"></i><div>k-icon-up-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sound-on k-large css-x0ey6t\"></i><div>k-icon-sound-on</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upload k-large css-x0ey6t\"></i><div>k-icon-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tool k-large css-x0ey6t\"></i><div>k-icon-tool</div></div><div class=\"icon\"><i class=\"k-icon k-icon-visible k-large css-x0ey6t\"></i><div>k-icon-visible</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth k-large css-x0ey6t\"></i><div>k-icon-truth</div></div></div>"
 ```
 
+####   `Icon disabled`
+
+```
+"<div><i class=\"k-icon ion-happy-outline css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-primary css-x0ey6t\"></i></div>"
+```
+
 ## `input`
 
 ####   `Input autoRows`
@@ -680,6 +686,12 @@
 "<div><div class=\"k-input k-fluid k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"2\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
 ```
 
+####   `Input flat`
+
+```
+"<div><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" flat=\"true\" placeholder=\"Please enter\"></div></div><br><br><div class=\"k-input k-disabled css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" flat=\"true\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
+```
+
 ## `layout`
 
 ####   `Layout aside`
@@ -729,7 +741,7 @@
 ####   `Menu collapse`
 
 ```
-"<div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3</div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div>"
+"<div><div class=\"k-switch k-checked k-default css-1r7l1sz\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><!--portal--></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i></div></div><!--portal--></div></div></div>"
 ```
 
 ####   `Menu dot`
@@ -826,6 +838,12 @@
 "<div><div class=\"k-pagination k-large css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
 ```
 
+####   `Pagination flat`
+
+```
+"<div><div class=\"k-pagination k-large css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input k-large css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input k-small css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input k-mini css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
 ## `progress`
 
 ####   `Progress basic`
@@ -874,6 +892,12 @@
 "<div><div class=\"k-progress k-bar k-active css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-warning css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-error css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span><i class=\"k-icon k-progress-icon k-icon-fault css-x0ey6t\"></i></span></div></div><div class=\"k-progress k-bar k-success css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span><i class=\"k-icon k-progress-icon k-icon-truth css-x0ey6t\"></i></span></div></div></div>"
 ```
 
+####   `Progress circleSize`
+
+```
+"<div>状态：<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">active<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">success<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">error<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">normal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">warning<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div>进度：<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button></div><br> <br><div class=\"k-progress k-circle k-active css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-small css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-mini css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div></div>"
+```
+
 ## `radio`
 
 ####   `Radio basic`
@@ -1057,6 +1081,30 @@
 "<div><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
 ```
 
+####   `Select draggable`
+
+```
+"<div><div class=\"k-select css-1k3uw7s\" draggable=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期三</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期四</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"]<br><br><div class=\"k-select css-1k3uw7s\" draggable=\"true\" nowrap=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期三</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期四</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"]</div>"
+```
+
+####   `Select flat`
+
+```
+"<div><div class=\"k-select css-1k3uw7s\" flat=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select css-1k3uw7s\" flat=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-disabled css-1k3uw7s\" flat=\"true\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><!--portal--></div>"
+```
+
+####   `Select inline`
+
+```
+"<div class=\"k-select k-inline css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
+```
+
+####   `Select nowrap`
+
+```
+"<div><div class=\"k-select css-1k3uw7s\" nowrap=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期三</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期四</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
+```
+
 ## `skeleton`
 
 ####   `Skeleton animate`
@@ -1094,49 +1142,49 @@
 ####   `Slider basic`
 
 ```
-"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
+"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
 ```
 
 ####   `Slider disabled`
 
 ```
-"<div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div></div></div>"
+"<div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div></div></div>"
 ```
 
 ####   `Slider dynamicStep`
 
 ```
-"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div>"
+"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div>"
 ```
 
 ####   `Slider marks`
 
 ```
-"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 36.3636%; left: 9.09091%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 9.09091%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">2<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span class=\"k-active\" style=\"left: 9.09091%;\">2月</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div></div>"
+"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 36.3636%; left: 9.09091%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 9.09091%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">2<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span class=\"k-active\" style=\"left: 9.09091%;\">2月</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div></div>"
 ```
 
 ####   `Slider points`
 
 ```
-"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
+"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
 ```
 
 ####   `Slider range`
 
 ```
-"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div>"
+"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div>"
 ```
 
 ####   `Slider step`
 
 ```
-"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
+"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
 ```
 
 ####   `Slider tooltip`
 
 ```
-"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 8.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
+"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 8.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
 ```
 
 ## `spin`
@@ -1267,6 +1315,12 @@
 "<div><div class=\"k-steps k-simple css-ur3cqz\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button><div class=\"k-steps k-simple css-ur3cqz\"><div class=\"k-step k-done css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step k-active k-error css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><i class=\"k-step-icon ion-ios-close-empty\"></i></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div></div>"
 ```
 
+####   `Steps vertical`
+
+```
+"<div class=\"demo-wrapper\"><div class=\"k-steps k-default css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><div class=\"k-steps k-line css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><div class=\"k-steps k-line-compact css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><div class=\"k-steps k-simple css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
+```
+
 ## `switch`
 
 ####   `Switch basic`
@@ -1299,6 +1353,12 @@
 "<div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 62px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 62px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"height: 22px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\" style=\"width: px;\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 100px; height: 30px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\" style=\"width: 30px;\"><div class=\"k-switch-on\" style=\"width: 100px; height: 30px; line-height: 30px; padding: 0px 30px 0px 10px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
 ```
 
+####   `Switch disabled`
+
+```
+"<div><div class=\"k-switch k-default k-disabled css-1r7l1sz\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-checked k-default k-disabled css-1r7l1sz\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
+```
+
 ## `table`
 
 ####   `Table animation`
@@ -1531,6 +1591,12 @@
 "<div><div class=\"k-tabs k-default k-vertical css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-border-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-card k-tabs-no-border-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div>"
 ```
 
+####   `Tabs scroll`
+
+```
+"<div style=\"width: 600px;\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-tabs k-default k-is-scroll css-y0nibt\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"ion-ios-arrow-left\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-arrow-right\"></i></button></div><div class=\"k-tabs k-default k-tabs-card k-is-scroll css-y0nibt\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"ion-ios-arrow-left\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-arrow-right\"></i></button></div><div class=\"k-tabs k-default k-tabs-flat-card k-is-scroll css-y0nibt\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"ion-ios-arrow-left\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-arrow-right\"></i></button></div><br><br><div style=\"display: flex;\"><div style=\"height: 200px;\"><div class=\"k-tabs k-default k-vertical css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-default k-vertical k-tabs-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-default k-vertical k-tabs-flat-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div></div></div>"
+```
+
 ## `tag`
 
 ####   `Tag basic`
@@ -1557,6 +1623,18 @@
 "<div><div class=\"k-tag k-large k-solid css-1kisx0c\">large</div><div class=\"k-tag k-solid css-1kisx0c\">default</div><div class=\"k-tag k-small k-solid css-1kisx0c\">small</div><div class=\"k-tag k-mini k-solid css-1kisx0c\">mini</div><br><br><div class=\"k-tag k-primary k-large k-solid css-1kisx0c\">large</div><div class=\"k-tag k-warning k-solid css-1kisx0c\">default</div><div class=\"k-tag k-success k-small k-solid css-1kisx0c\">small</div><div class=\"k-tag k-danger k-mini k-solid css-1kisx0c\">mini</div><br><br><div class=\"k-tag k-primary k-large k-solid k-closable css-1kisx0c\">large<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-solid k-closable css-1kisx0c\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-small k-solid k-closable css-1kisx0c\">small<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-mini k-solid k-closable css-1kisx0c\">mini<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div></div>"
 ```
 
+####   `Tag draggable`
+
+```
+"<div><div class=\"k-tags css-1mjzzvr\"><div class=\"k-tag k-none css-1xxtdue\">default</div><div class=\"k-tag k-primary k-none css-1xxtdue\">primary</div><div class=\"k-tag k-success k-none css-1xxtdue\">success</div><div class=\"k-tag k-warning k-none css-1xxtdue\">warning</div><div class=\"k-tag k-danger k-none css-1xxtdue\">danger</div><div class=\"k-tag k-none css-1xxtdue\">with tooltip</div><!--portal--></div><br><div class=\"k-tags k-nowrap css-1mjzzvr\" style=\"width: 300px;\"><div class=\"k-tag k-none css-1xxtdue\">default</div><div class=\"k-tag k-primary k-none css-1xxtdue\">primary</div><div class=\"k-tag k-success k-none css-1xxtdue\">success</div><div class=\"k-tag k-warning k-none css-1xxtdue\">warning</div><div class=\"k-tag k-danger k-none css-1xxtdue\">danger</div><div class=\"k-tag k-none css-1xxtdue\">with tooltip</div><!--portal--></div></div>"
+```
+
+####   `Tag tags`
+
+```
+"<div class=\"k-split k-horizontal css-1ug4f89 k-last-auto\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"k-tags css-1mjzzvr\"><div class=\"k-tag k-none k-closable css-1xxtdue\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-73bv35\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1xxtdue\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-73bv35\"></i></div><div class=\"k-tag k-success k-none k-closable css-1xxtdue\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-73bv35\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1xxtdue\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-73bv35\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1xxtdue\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-73bv35\"></i></div></div></div><div class=\"k-split-line-wrapper\"><div class=\"k-split-line\"><div class=\"k-split-drag-lines\"></div></div></div><div class=\"k-split-last\" style=\"width: auto;\"><div class=\"k-tags k-nowrap css-1mjzzvr\"><div class=\"k-tag k-none k-closable css-1xxtdue\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-73bv35\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1xxtdue\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-73bv35\"></i></div><div class=\"k-tag k-success k-none k-closable css-1xxtdue\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-73bv35\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1xxtdue\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-73bv35\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1xxtdue\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-73bv35\"></i></div><div class=\"k-tag k-none css-1xxtdue\">with tooltip</div><!--portal--></div></div></div>"
+```
+
 ## `timeline`
 
 ####   `Timeline basic`
@@ -1853,6 +1931,20 @@
 "<div class=\"k-upload css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-tip\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">开始上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
 ```
 
+## `copy`
+
+####   `Copy basic`
+
+```
+"<i class=\"k-icon k-hoverable k-icon-clone k-copy css-t3aops css-73bv35\" title=\"复制\"></i>"
+```
+
+####   `Copy children`
+
+```
+"<div><span class=\"k-copy css-t3aops\">Copy</span><button class=\"k-btn k-copy css-t3aops css-55gqps\" tabindex=\"0\" type=\"button\">Copy</button><button class=\"k-btn k-link k-mini k-copy css-t3aops css-55gqps\" tabindex=\"0\" type=\"button\">Copy</button><i class=\"k-icon k-hoverable ion-ios-copy k-copy css-t3aops k-large css-73bv35\"></i><button class=\"k-btn k-btn-icon k-copy css-t3aops k-circle css-55gqps\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-copy-outline css-73bv35\"></i></button></div>"
+```
+
 ## `wave`
 
 ####   `Wave button`