From 0ab88de2109ad822c0add00bae93b4b7b93651ca Mon Sep 17 00:00:00 2001 From: nmerget Date: Thu, 9 Jan 2025 06:52:46 +0000 Subject: [PATCH] deploy: ab27ea8e65e31554f5f4bd8cefeac40a39210be1 --- review/feat-whitelabel/404.html | 2 +- .../components.json | 0 .../components/accordion-item.json | 0 .../components/accordion-item/overview.json | 0 .../components/accordion.json | 0 .../components/accordion/overview.json | 0 .../components/action.json | 0 .../components/action/button.json | 0 .../components/action/button/overview.json | 0 .../components/action/link.json | 0 .../components/action/link/overview.json | 0 .../components/badge.json | 0 .../components/badge/overview.json | 0 .../components/brand.json | 0 .../components/brand/overview.json | 0 .../components/button.json | 0 .../components/button/overview.json | 0 .../components/card.json | 0 .../components/card/overview.json | 0 .../components/checkbox.json | 0 .../components/checkbox/overview.json | 0 .../components/data-display.json | 0 .../data-display/accordion-item.json | 0 .../data-display/accordion-item/overview.json | 0 .../components/data-display/accordion.json | 0 .../data-display/accordion/overview.json | 0 .../components/data-display/brand.json | 0 .../data-display/brand/overview.json | 0 .../components/data-display/infotext.json | 0 .../data-display/infotext/overview.json | 0 .../components/data-display/tab-item.json | 0 .../data-display/tab-item/overview.json | 0 .../components/data-display/tabs.json | 0 .../components/data-display/tabs/overview.json | 0 .../components/data-display/tag.json | 0 .../components/data-display/tag/overview.json | 0 .../components/data-display/tooltip.json | 0 .../data-display/tooltip/overview.json | 0 .../components/data-input.json | 0 .../components/data-input/checkbox.json | 0 .../data-input/checkbox/overview.json | 0 .../components/data-input/input.json | 0 .../components/data-input/input/overview.json | 0 .../components/data-input/radio.json | 0 .../components/data-input/radio/overview.json | 0 .../components/data-input/select.json | 0 .../components/data-input/select/overview.json | 0 .../components/data-input/switch.json | 0 .../components/data-input/switch/overview.json | 0 .../components/data-input/textarea.json | 0 .../data-input/textarea/overview.json | 0 .../components/divider.json | 0 .../components/divider/overview.json | 0 .../components/drawer.json | 0 .../components/drawer/overview.json | 0 .../components/feedback.json | 0 .../components/feedback/badge.json | 0 .../components/feedback/badge/overview.json | 0 .../components/feedback/notification.json | 0 .../feedback/notification/overview.json | 0 .../components/header.json | 0 .../components/header/overview.json | 0 .../components/infotext.json | 0 .../components/infotext/overview.json | 0 .../components/input.json | 0 .../components/input/overview.json | 0 .../components/layout.json | 0 .../components/layout/card.json | 0 .../components/layout/card/overview.json | 0 .../components/layout/divider.json | 0 .../components/layout/divider/overview.json | 0 .../components/layout/drawer.json | 0 .../components/layout/drawer/overview.json | 0 .../components/layout/header.json | 0 .../components/layout/header/overview.json | 0 .../components/layout/section.json | 0 .../components/layout/section/overview.json | 0 .../components/layout/stack.json | 0 .../components/layout/stack/overview.json | 0 .../components/link.json | 0 .../components/link/overview.json | 0 .../components/navigation-item.json | 0 .../components/navigation-item/overview.json | 0 .../components/navigation.json | 0 .../components/navigation/navigation-item.json | 0 .../navigation/navigation-item/overview.json | 0 .../components/navigation/navigation.json | 0 .../navigation/navigation/overview.json | 0 .../components/navigation/overview.json | 0 .../components/notification.json | 0 .../components/notification/overview.json | 0 .../components/popover.json | 0 .../components/popover/overview.json | 0 .../components/radio.json | 0 .../components/radio/overview.json | 0 .../components/section.json | 0 .../components/section/overview.json | 0 .../components/select.json | 0 .../components/select/overview.json | 0 .../components/stack.json | 0 .../components/stack/overview.json | 0 .../components/switch.json | 0 .../components/switch/overview.json | 0 .../components/tab-item.json | 0 .../components/tab-item/overview.json | 0 .../components/tabs.json | 0 .../components/tabs/overview.json | 0 .../components/tag.json | 0 .../components/tag/overview.json | 0 .../components/textarea.json | 0 .../components/textarea/overview.json | 0 .../components/tooltip.json | 0 .../components/tooltip/overview.json | 0 .../components/utilities.json | 0 .../components/utilities/popover.json | 0 .../components/utilities/popover/overview.json | 0 .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 ...3aa87e0707f.js => 5958-41cacf1645e62ff7.js} | 2 +- ...5e5262811c8.js => main-9fce21c71d75be5a.js} | 2 +- ...8dcb3.js => properties-50add1a0b5572076.js} | 2 +- ...16287d9e.js => Angular-6e0b282e4a93ef44.js} | 2 +- .../performance-9a93c981475dd5bf.js | 1 + ...9fe18fde3.js => readme-576035699a8f59fd.js} | 2 +- ...45309227c1735e.css => 5d0d4d8fea085e24.css} | 2 +- .../media/NotoSans-Black-EU.c7fb2028.woff2 | Bin 0 -> 39168 bytes .../static/media/NotoSans-Black.ef965c23.woff2 | Bin 208480 -> 0 bytes .../media/NotoSans-Bold-EU.c7662ff9.woff2 | Bin 0 -> 39580 bytes .../static/media/NotoSans-Bold.b1ca2c2d.woff2 | Bin 213708 -> 0 bytes .../media/NotoSans-Light-EU.e2c269f1.woff2 | Bin 0 -> 38592 bytes .../static/media/NotoSans-Light.775414c5.woff2 | Bin 209220 -> 0 bytes .../media/NotoSans-Medium-EU.8d460891.woff2 | Bin 0 -> 39612 bytes .../media/NotoSans-Medium.3c4e3cfd.woff2 | Bin 215800 -> 0 bytes .../media/NotoSans-Regular-EU.e8899881.woff2 | Bin 0 -> 37756 bytes .../media/NotoSans-Regular.0a76897f.woff2 | Bin 204088 -> 0 bytes .../media/NotoSans-SemiBold-EU.648df680.woff2 | Bin 0 -> 39852 bytes .../media/NotoSans-SemiBold.d2b334c4.woff2 | Bin 217492 -> 0 bytes .../media/NotoSans-Thin-EU.b85b303a.woff2 | Bin 0 -> 37164 bytes .../static/media/NotoSans-Thin.fc1ff124.woff2 | Bin 199624 -> 0 bytes review/feat-whitelabel/base64.html | 2 +- review/feat-whitelabel/components.html | 2 +- .../components/accordion-item.html | 2 +- .../accordion-item/docs/Angular.html | 2 +- .../components/accordion-item/docs/HTML.html | 2 +- .../components/accordion-item/docs/React.html | 2 +- .../components/accordion-item/docs/Vue.html | 2 +- .../components/accordion-item/overview.html | 2 +- .../components/accordion-item/properties.html | 2 +- .../feat-whitelabel/components/accordion.html | 2 +- .../components/accordion/docs/Angular.html | 2 +- .../components/accordion/docs/HTML.html | 2 +- .../components/accordion/docs/React.html | 2 +- .../components/accordion/docs/Vue.html | 2 +- .../components/accordion/overview.html | 2 +- .../components/accordion/properties.html | 2 +- review/feat-whitelabel/components/action.html | 2 +- .../components/action/button.html | 2 +- .../components/action/button/docs/Angular.html | 4 ++-- .../components/action/button/docs/HTML.html | 4 ++-- .../action/button/docs/Migration.html | 4 ++-- .../components/action/button/docs/React.html | 4 ++-- .../components/action/button/docs/Vue.html | 4 ++-- .../components/action/button/how-to-use.html | 2 +- .../components/action/button/migration.html | 2 +- .../components/action/button/overview.html | 2 +- .../components/action/button/properties.html | 2 +- .../components/action/link.html | 2 +- .../components/action/link/docs/Angular.html | 4 ++-- .../components/action/link/docs/HTML.html | 4 ++-- .../components/action/link/docs/Migration.html | 4 ++-- .../components/action/link/docs/React.html | 4 ++-- .../components/action/link/docs/Vue.html | 4 ++-- .../components/action/link/how-to-use.html | 2 +- .../components/action/link/migration.html | 2 +- .../components/action/link/overview.html | 2 +- .../components/action/link/properties.html | 2 +- review/feat-whitelabel/components/badge.html | 2 +- .../components/badge/docs/Angular.html | 2 +- .../components/badge/docs/HTML.html | 2 +- .../components/badge/docs/React.html | 2 +- .../components/badge/docs/Vue.html | 2 +- .../components/badge/overview.html | 2 +- .../components/badge/properties.html | 2 +- review/feat-whitelabel/components/brand.html | 2 +- .../components/brand/docs/Angular.html | 2 +- .../components/brand/docs/HTML.html | 2 +- .../components/brand/docs/React.html | 2 +- .../components/brand/docs/Vue.html | 2 +- .../components/brand/overview.html | 2 +- .../components/brand/properties.html | 2 +- review/feat-whitelabel/components/button.html | 2 +- .../components/button/docs/Angular.html | 2 +- .../components/button/docs/HTML.html | 2 +- .../components/button/docs/React.html | 2 +- .../components/button/docs/Vue.html | 2 +- .../components/button/overview.html | 2 +- .../components/button/properties.html | 2 +- review/feat-whitelabel/components/card.html | 2 +- .../components/card/docs/Angular.html | 2 +- .../components/card/docs/HTML.html | 2 +- .../components/card/docs/React.html | 2 +- .../components/card/docs/Vue.html | 2 +- .../components/card/overview.html | 2 +- .../components/card/properties.html | 2 +- .../feat-whitelabel/components/checkbox.html | 2 +- .../components/checkbox/docs/Angular.html | 2 +- .../components/checkbox/docs/HTML.html | 2 +- .../components/checkbox/docs/React.html | 2 +- .../components/checkbox/docs/Vue.html | 2 +- .../components/checkbox/overview.html | 2 +- .../components/checkbox/properties.html | 2 +- .../components/data-display.html | 2 +- .../data-display/accordion-item.html | 2 +- .../accordion-item/docs/Angular.html | 4 ++-- .../data-display/accordion-item/docs/HTML.html | 4 ++-- .../accordion-item/docs/Migration.html | 4 ++-- .../accordion-item/docs/React.html | 4 ++-- .../data-display/accordion-item/docs/Vue.html | 4 ++-- .../accordion-item/how-to-use.html | 2 +- .../data-display/accordion-item/migration.html | 2 +- .../data-display/accordion-item/overview.html | 2 +- .../accordion-item/properties.html | 2 +- .../components/data-display/accordion.html | 2 +- .../data-display/accordion/docs/Angular.html | 4 ++-- .../data-display/accordion/docs/HTML.html | 4 ++-- .../data-display/accordion/docs/Migration.html | 4 ++-- .../data-display/accordion/docs/React.html | 4 ++-- .../data-display/accordion/docs/Vue.html | 4 ++-- .../data-display/accordion/how-to-use.html | 2 +- .../data-display/accordion/migration.html | 2 +- .../data-display/accordion/overview.html | 2 +- .../data-display/accordion/properties.html | 2 +- .../components/data-display/brand.html | 2 +- .../data-display/brand/docs/Angular.html | 4 ++-- .../data-display/brand/docs/HTML.html | 4 ++-- .../data-display/brand/docs/Migration.html | 4 ++-- .../data-display/brand/docs/React.html | 4 ++-- .../data-display/brand/docs/Vue.html | 4 ++-- .../data-display/brand/how-to-use.html | 2 +- .../data-display/brand/migration.html | 2 +- .../data-display/brand/overview.html | 2 +- .../data-display/brand/properties.html | 2 +- .../components/data-display/infotext.html | 2 +- .../data-display/infotext/docs/Angular.html | 4 ++-- .../data-display/infotext/docs/HTML.html | 4 ++-- .../data-display/infotext/docs/Migration.html | 4 ++-- .../data-display/infotext/docs/React.html | 4 ++-- .../data-display/infotext/docs/Vue.html | 4 ++-- .../data-display/infotext/how-to-use.html | 2 +- .../data-display/infotext/migration.html | 2 +- .../data-display/infotext/overview.html | 2 +- .../data-display/infotext/properties.html | 2 +- .../components/data-display/tab-item.html | 2 +- .../data-display/tab-item/docs/Angular.html | 4 ++-- .../data-display/tab-item/docs/HTML.html | 4 ++-- .../data-display/tab-item/docs/Migration.html | 4 ++-- .../data-display/tab-item/docs/React.html | 4 ++-- .../data-display/tab-item/docs/Vue.html | 4 ++-- .../data-display/tab-item/how-to-use.html | 2 +- .../data-display/tab-item/migration.html | 2 +- .../data-display/tab-item/overview.html | 2 +- .../data-display/tab-item/properties.html | 2 +- .../components/data-display/tabs.html | 2 +- .../data-display/tabs/docs/Angular.html | 4 ++-- .../data-display/tabs/docs/HTML.html | 4 ++-- .../data-display/tabs/docs/Migration.html | 4 ++-- .../data-display/tabs/docs/React.html | 4 ++-- .../components/data-display/tabs/docs/Vue.html | 4 ++-- .../data-display/tabs/how-to-use.html | 2 +- .../data-display/tabs/migration.html | 2 +- .../components/data-display/tabs/overview.html | 2 +- .../data-display/tabs/properties.html | 2 +- .../components/data-display/tag.html | 2 +- .../data-display/tag/docs/Angular.html | 4 ++-- .../components/data-display/tag/docs/HTML.html | 4 ++-- .../data-display/tag/docs/Migration.html | 4 ++-- .../data-display/tag/docs/React.html | 4 ++-- .../components/data-display/tag/docs/Vue.html | 4 ++-- .../data-display/tag/how-to-use.html | 2 +- .../components/data-display/tag/migration.html | 2 +- .../components/data-display/tag/overview.html | 2 +- .../data-display/tag/properties.html | 2 +- .../components/data-display/tooltip.html | 2 +- .../data-display/tooltip/docs/Angular.html | 4 ++-- .../data-display/tooltip/docs/HTML.html | 4 ++-- .../data-display/tooltip/docs/Migration.html | 4 ++-- .../data-display/tooltip/docs/React.html | 4 ++-- .../data-display/tooltip/docs/Vue.html | 4 ++-- .../data-display/tooltip/how-to-use.html | 2 +- .../data-display/tooltip/migration.html | 2 +- .../data-display/tooltip/overview.html | 2 +- .../data-display/tooltip/properties.html | 2 +- .../feat-whitelabel/components/data-input.html | 2 +- .../components/data-input/checkbox.html | 2 +- .../data-input/checkbox/docs/Angular.html | 4 ++-- .../data-input/checkbox/docs/HTML.html | 4 ++-- .../data-input/checkbox/docs/Migration.html | 4 ++-- .../data-input/checkbox/docs/React.html | 4 ++-- .../data-input/checkbox/docs/Vue.html | 4 ++-- .../data-input/checkbox/how-to-use.html | 2 +- .../data-input/checkbox/migration.html | 2 +- .../data-input/checkbox/overview.html | 2 +- .../data-input/checkbox/properties.html | 2 +- .../components/data-input/input.html | 2 +- .../data-input/input/docs/Angular.html | 4 ++-- .../components/data-input/input/docs/HTML.html | 4 ++-- .../data-input/input/docs/Migration.html | 4 ++-- .../data-input/input/docs/React.html | 4 ++-- .../components/data-input/input/docs/Vue.html | 4 ++-- .../data-input/input/how-to-use.html | 2 +- .../components/data-input/input/migration.html | 2 +- .../components/data-input/input/overview.html | 2 +- .../data-input/input/properties.html | 2 +- .../components/data-input/radio.html | 2 +- .../data-input/radio/docs/Angular.html | 4 ++-- .../components/data-input/radio/docs/HTML.html | 4 ++-- .../data-input/radio/docs/Migration.html | 4 ++-- .../data-input/radio/docs/React.html | 4 ++-- .../components/data-input/radio/docs/Vue.html | 4 ++-- .../data-input/radio/how-to-use.html | 2 +- .../components/data-input/radio/migration.html | 2 +- .../components/data-input/radio/overview.html | 2 +- .../data-input/radio/properties.html | 2 +- .../components/data-input/select.html | 2 +- .../data-input/select/docs/Angular.html | 4 ++-- .../data-input/select/docs/HTML.html | 4 ++-- .../data-input/select/docs/Migration.html | 4 ++-- .../data-input/select/docs/React.html | 4 ++-- .../components/data-input/select/docs/Vue.html | 4 ++-- .../data-input/select/how-to-use.html | 2 +- .../data-input/select/migration.html | 2 +- .../components/data-input/select/overview.html | 2 +- .../data-input/select/properties.html | 2 +- .../components/data-input/switch.html | 2 +- .../data-input/switch/docs/Angular.html | 4 ++-- .../data-input/switch/docs/HTML.html | 4 ++-- .../data-input/switch/docs/Migration.html | 4 ++-- .../data-input/switch/docs/React.html | 4 ++-- .../components/data-input/switch/docs/Vue.html | 4 ++-- .../data-input/switch/how-to-use.html | 2 +- .../data-input/switch/migration.html | 2 +- .../components/data-input/switch/overview.html | 2 +- .../data-input/switch/properties.html | 2 +- .../components/data-input/textarea.html | 2 +- .../data-input/textarea/docs/Angular.html | 4 ++-- .../data-input/textarea/docs/HTML.html | 4 ++-- .../data-input/textarea/docs/Migration.html | 4 ++-- .../data-input/textarea/docs/React.html | 4 ++-- .../data-input/textarea/docs/Vue.html | 4 ++-- .../data-input/textarea/how-to-use.html | 2 +- .../data-input/textarea/migration.html | 2 +- .../data-input/textarea/overview.html | 2 +- .../data-input/textarea/properties.html | 2 +- review/feat-whitelabel/components/divider.html | 2 +- .../components/divider/docs/Angular.html | 2 +- .../components/divider/docs/HTML.html | 2 +- .../components/divider/docs/React.html | 2 +- .../components/divider/docs/Vue.html | 2 +- .../components/divider/overview.html | 2 +- .../components/divider/properties.html | 2 +- review/feat-whitelabel/components/drawer.html | 2 +- .../components/drawer/docs/Angular.html | 2 +- .../components/drawer/docs/HTML.html | 2 +- .../components/drawer/docs/React.html | 2 +- .../components/drawer/docs/Vue.html | 2 +- .../components/drawer/overview.html | 2 +- .../components/drawer/properties.html | 2 +- .../feat-whitelabel/components/feedback.html | 2 +- .../components/feedback/badge.html | 2 +- .../feedback/badge/docs/Angular.html | 4 ++-- .../components/feedback/badge/docs/HTML.html | 4 ++-- .../feedback/badge/docs/Migration.html | 4 ++-- .../components/feedback/badge/docs/React.html | 4 ++-- .../components/feedback/badge/docs/Vue.html | 4 ++-- .../components/feedback/badge/how-to-use.html | 2 +- .../components/feedback/badge/migration.html | 2 +- .../components/feedback/badge/overview.html | 2 +- .../components/feedback/badge/properties.html | 2 +- .../components/feedback/notification.html | 2 +- .../feedback/notification/docs/Angular.html | 4 ++-- .../feedback/notification/docs/HTML.html | 4 ++-- .../feedback/notification/docs/Migration.html | 4 ++-- .../feedback/notification/docs/React.html | 4 ++-- .../feedback/notification/docs/Vue.html | 4 ++-- .../feedback/notification/how-to-use.html | 2 +- .../feedback/notification/migration.html | 2 +- .../feedback/notification/overview.html | 2 +- .../feedback/notification/properties.html | 2 +- review/feat-whitelabel/components/header.html | 2 +- .../components/header/docs/Angular.html | 2 +- .../components/header/docs/HTML.html | 2 +- .../components/header/docs/React.html | 2 +- .../components/header/docs/Vue.html | 2 +- .../components/header/overview.html | 2 +- .../components/header/properties.html | 2 +- .../feat-whitelabel/components/infotext.html | 2 +- .../components/infotext/docs/Angular.html | 2 +- .../components/infotext/docs/HTML.html | 2 +- .../components/infotext/docs/React.html | 2 +- .../components/infotext/docs/Vue.html | 2 +- .../components/infotext/overview.html | 2 +- .../components/infotext/properties.html | 2 +- review/feat-whitelabel/components/input.html | 2 +- .../components/input/docs/Angular.html | 2 +- .../components/input/docs/HTML.html | 2 +- .../components/input/docs/React.html | 2 +- .../components/input/docs/Vue.html | 2 +- .../components/input/overview.html | 2 +- .../components/input/properties.html | 2 +- review/feat-whitelabel/components/layout.html | 2 +- .../components/layout/card.html | 2 +- .../components/layout/card/docs/Angular.html | 4 ++-- .../components/layout/card/docs/HTML.html | 4 ++-- .../components/layout/card/docs/Migration.html | 4 ++-- .../components/layout/card/docs/React.html | 4 ++-- .../components/layout/card/docs/Vue.html | 4 ++-- .../components/layout/card/how-to-use.html | 2 +- .../components/layout/card/migration.html | 2 +- .../components/layout/card/overview.html | 2 +- .../components/layout/card/properties.html | 2 +- .../components/layout/divider.html | 2 +- .../layout/divider/docs/Angular.html | 4 ++-- .../components/layout/divider/docs/HTML.html | 4 ++-- .../layout/divider/docs/Migration.html | 4 ++-- .../components/layout/divider/docs/React.html | 4 ++-- .../components/layout/divider/docs/Vue.html | 4 ++-- .../components/layout/divider/how-to-use.html | 2 +- .../components/layout/divider/migration.html | 2 +- .../components/layout/divider/overview.html | 2 +- .../components/layout/divider/properties.html | 2 +- .../components/layout/drawer.html | 2 +- .../components/layout/drawer/docs/Angular.html | 4 ++-- .../components/layout/drawer/docs/HTML.html | 4 ++-- .../layout/drawer/docs/Migration.html | 4 ++-- .../components/layout/drawer/docs/React.html | 4 ++-- .../components/layout/drawer/docs/Vue.html | 4 ++-- .../components/layout/drawer/how-to-use.html | 2 +- .../components/layout/drawer/migration.html | 2 +- .../components/layout/drawer/overview.html | 2 +- .../components/layout/drawer/properties.html | 2 +- .../components/layout/header.html | 2 +- .../components/layout/header/docs/Angular.html | 4 ++-- .../components/layout/header/docs/HTML.html | 4 ++-- .../layout/header/docs/Migration.html | 4 ++-- .../components/layout/header/docs/React.html | 4 ++-- .../components/layout/header/docs/Vue.html | 4 ++-- .../components/layout/header/how-to-use.html | 2 +- .../components/layout/header/migration.html | 2 +- .../components/layout/header/overview.html | 2 +- .../components/layout/header/properties.html | 2 +- .../components/layout/section.html | 2 +- .../layout/section/docs/Angular.html | 4 ++-- .../components/layout/section/docs/HTML.html | 4 ++-- .../layout/section/docs/Migration.html | 4 ++-- .../components/layout/section/docs/React.html | 4 ++-- .../components/layout/section/docs/Vue.html | 4 ++-- .../components/layout/section/how-to-use.html | 2 +- .../components/layout/section/migration.html | 2 +- .../components/layout/section/overview.html | 2 +- .../components/layout/section/properties.html | 2 +- .../components/layout/stack.html | 2 +- .../components/layout/stack/docs/Angular.html | 4 ++-- .../components/layout/stack/docs/HTML.html | 4 ++-- .../layout/stack/docs/Migration.html | 4 ++-- .../components/layout/stack/docs/React.html | 4 ++-- .../components/layout/stack/docs/Vue.html | 4 ++-- .../components/layout/stack/how-to-use.html | 2 +- .../components/layout/stack/migration.html | 2 +- .../components/layout/stack/overview.html | 2 +- .../components/layout/stack/properties.html | 2 +- review/feat-whitelabel/components/link.html | 2 +- .../components/link/docs/Angular.html | 2 +- .../components/link/docs/HTML.html | 2 +- .../components/link/docs/React.html | 2 +- .../components/link/docs/Vue.html | 2 +- .../components/link/overview.html | 2 +- .../components/link/properties.html | 2 +- .../components/navigation-item.html | 2 +- .../navigation-item/docs/Angular.html | 2 +- .../components/navigation-item/docs/HTML.html | 2 +- .../components/navigation-item/docs/React.html | 2 +- .../components/navigation-item/docs/Vue.html | 2 +- .../components/navigation-item/overview.html | 2 +- .../components/navigation-item/properties.html | 2 +- .../feat-whitelabel/components/navigation.html | 2 +- .../components/navigation/docs/Angular.html | 2 +- .../components/navigation/docs/HTML.html | 2 +- .../components/navigation/docs/React.html | 2 +- .../components/navigation/docs/Vue.html | 2 +- .../components/navigation/navigation-item.html | 2 +- .../navigation-item/docs/Angular.html | 4 ++-- .../navigation/navigation-item/docs/HTML.html | 4 ++-- .../navigation-item/docs/Migration.html | 4 ++-- .../navigation/navigation-item/docs/React.html | 4 ++-- .../navigation/navigation-item/docs/Vue.html | 4 ++-- .../navigation/navigation-item/how-to-use.html | 2 +- .../navigation/navigation-item/migration.html | 2 +- .../navigation/navigation-item/overview.html | 2 +- .../navigation/navigation-item/properties.html | 2 +- .../components/navigation/navigation.html | 2 +- .../navigation/docs/Accessibility.html | 4 ++-- .../navigation/navigation/docs/Angular.html | 4 ++-- .../navigation/navigation/docs/HTML.html | 4 ++-- .../navigation/navigation/docs/Migration.html | 4 ++-- .../navigation/navigation/docs/React.html | 4 ++-- .../navigation/navigation/docs/Vue.html | 4 ++-- .../navigation/navigation/how-to-use.html | 2 +- .../navigation/navigation/migration.html | 2 +- .../navigation/navigation/overview.html | 2 +- .../navigation/navigation/properties.html | 2 +- .../components/navigation/overview.html | 2 +- .../components/navigation/properties.html | 2 +- .../components/notification.html | 2 +- .../components/notification/docs/Angular.html | 2 +- .../components/notification/docs/HTML.html | 2 +- .../components/notification/docs/React.html | 2 +- .../components/notification/docs/Vue.html | 2 +- .../components/notification/overview.html | 2 +- .../components/notification/properties.html | 2 +- review/feat-whitelabel/components/popover.html | 2 +- .../components/popover/docs/Angular.html | 2 +- .../components/popover/docs/HTML.html | 2 +- .../components/popover/docs/React.html | 2 +- .../components/popover/docs/Vue.html | 2 +- .../components/popover/overview.html | 2 +- .../components/popover/properties.html | 2 +- review/feat-whitelabel/components/radio.html | 2 +- .../components/radio/docs/Angular.html | 2 +- .../components/radio/docs/HTML.html | 2 +- .../components/radio/docs/React.html | 2 +- .../components/radio/docs/Vue.html | 2 +- .../components/radio/overview.html | 2 +- .../components/radio/properties.html | 2 +- review/feat-whitelabel/components/readme.html | 2 +- .../components/router-usage.html | 2 +- review/feat-whitelabel/components/section.html | 2 +- .../components/section/docs/Angular.html | 2 +- .../components/section/docs/HTML.html | 2 +- .../components/section/docs/React.html | 2 +- .../components/section/docs/Vue.html | 2 +- .../components/section/overview.html | 2 +- .../components/section/properties.html | 2 +- review/feat-whitelabel/components/select.html | 2 +- .../components/select/docs/Angular.html | 2 +- .../components/select/docs/HTML.html | 2 +- .../components/select/docs/React.html | 2 +- .../components/select/docs/Vue.html | 2 +- .../components/select/overview.html | 2 +- .../components/select/properties.html | 2 +- review/feat-whitelabel/components/stack.html | 2 +- .../components/stack/docs/Angular.html | 2 +- .../components/stack/docs/HTML.html | 2 +- .../components/stack/docs/React.html | 2 +- .../components/stack/docs/Vue.html | 2 +- .../components/stack/overview.html | 2 +- .../components/stack/properties.html | 2 +- review/feat-whitelabel/components/switch.html | 2 +- .../components/switch/docs/Angular.html | 2 +- .../components/switch/docs/HTML.html | 2 +- .../components/switch/docs/React.html | 2 +- .../components/switch/docs/Vue.html | 2 +- .../components/switch/overview.html | 2 +- .../components/switch/properties.html | 2 +- .../feat-whitelabel/components/tab-item.html | 2 +- .../components/tab-item/docs/Angular.html | 2 +- .../components/tab-item/docs/HTML.html | 2 +- .../components/tab-item/docs/React.html | 2 +- .../components/tab-item/docs/Vue.html | 2 +- .../components/tab-item/overview.html | 2 +- .../components/tab-item/properties.html | 2 +- review/feat-whitelabel/components/tabs.html | 2 +- .../components/tabs/docs/Angular.html | 2 +- .../components/tabs/docs/HTML.html | 2 +- .../components/tabs/docs/React.html | 2 +- .../components/tabs/docs/Vue.html | 2 +- .../components/tabs/overview.html | 2 +- .../components/tabs/properties.html | 2 +- review/feat-whitelabel/components/tag.html | 2 +- .../components/tag/docs/Angular.html | 2 +- .../components/tag/docs/HTML.html | 2 +- .../components/tag/docs/React.html | 2 +- .../components/tag/docs/Vue.html | 2 +- .../components/tag/overview.html | 2 +- .../components/tag/properties.html | 2 +- .../feat-whitelabel/components/textarea.html | 2 +- .../components/textarea/docs/Angular.html | 2 +- .../components/textarea/docs/HTML.html | 2 +- .../components/textarea/docs/React.html | 2 +- .../components/textarea/docs/Vue.html | 2 +- .../components/textarea/overview.html | 2 +- .../components/textarea/properties.html | 2 +- review/feat-whitelabel/components/tooltip.html | 2 +- .../components/tooltip/docs/Angular.html | 2 +- .../components/tooltip/docs/HTML.html | 2 +- .../components/tooltip/docs/React.html | 2 +- .../components/tooltip/docs/Vue.html | 2 +- .../components/tooltip/overview.html | 2 +- .../components/tooltip/properties.html | 2 +- .../feat-whitelabel/components/utilities.html | 2 +- .../components/utilities/popover.html | 2 +- .../utilities/popover/docs/Angular.html | 4 ++-- .../utilities/popover/docs/HTML.html | 4 ++-- .../utilities/popover/docs/Migration.html | 4 ++-- .../utilities/popover/docs/React.html | 4 ++-- .../components/utilities/popover/docs/Vue.html | 4 ++-- .../utilities/popover/how-to-use.html | 2 +- .../utilities/popover/migration.html | 2 +- .../components/utilities/popover/overview.html | 2 +- .../utilities/popover/properties.html | 2 +- .../feat-whitelabel/components/validation.html | 2 +- .../docs/migration/alpha-beta.md | 2 +- review/feat-whitelabel/foundations.html | 2 +- review/feat-whitelabel/foundations/colors.html | 2 +- .../foundations/colors/color-classes.html | 2 +- .../foundations/colors/color-schemes.html | 2 +- .../foundations/colors/color-usage-guide.html | 2 +- .../foundations/colors/readme.html | 2 +- .../feat-whitelabel/foundations/densities.html | 2 +- .../foundations/densities/examples.html | 2 +- .../foundations/densities/readme.html | 2 +- .../foundations/font-sizes.html | 2 +- .../foundations/font-sizes/overview.html | 2 +- .../foundations/font-sizes/readme.html | 2 +- review/feat-whitelabel/foundations/icons.html | 2 +- .../foundations/icons/custom-icons.html | 2 +- .../foundations/icons/overview.html | 2 +- .../foundations/icons/readme.html | 2 +- review/feat-whitelabel/foundations/ide.html | 2 +- .../foundations/performance.html | 1 + review/feat-whitelabel/foundations/readme.html | 2 +- .../foundations/test-table.html | 2 +- .../feat-whitelabel/foundations/variables.html | 2 +- .../foundations/variables/examples.html | 2 +- .../foundations/variables/readme.html | 2 +- review/feat-whitelabel/iframe.html | 2 +- review/feat-whitelabel/index.html | 2 +- 636 files changed, 642 insertions(+), 640 deletions(-) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/accordion-item.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/accordion-item/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/accordion.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/accordion/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/action.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/action/button.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/action/button/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/action/link.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/action/link/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/badge.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/badge/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/brand.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/brand/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/button.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/button/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/card.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/card/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/checkbox.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/checkbox/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/accordion-item.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/accordion-item/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/accordion.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/accordion/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/brand.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/brand/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/infotext.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/infotext/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tab-item.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tab-item/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tabs.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tabs/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tag.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tag/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tooltip.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-display/tooltip/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/checkbox.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/checkbox/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/input.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/input/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/radio.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/radio/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/select.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/select/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/switch.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/switch/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/textarea.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/data-input/textarea/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/divider.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/divider/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/drawer.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/drawer/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/feedback.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/feedback/badge.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/feedback/badge/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/feedback/notification.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/feedback/notification/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/header.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/header/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/infotext.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/infotext/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/input.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/input/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/card.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/card/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/divider.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/divider/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/drawer.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/drawer/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/header.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/header/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/section.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/section/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/stack.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/layout/stack/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/link.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/link/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation-item.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation-item/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation/navigation-item.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation/navigation-item/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation/navigation.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation/navigation/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/navigation/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/notification.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/notification/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/popover.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/popover/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/radio.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/radio/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/section.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/section/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/select.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/select/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/stack.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/stack/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/switch.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/switch/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tab-item.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tab-item/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tabs.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tabs/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tag.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tag/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/textarea.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/textarea/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tooltip.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/tooltip/overview.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/utilities.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/utilities/popover.json (100%) rename review/feat-whitelabel/_next/data/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/components/utilities/popover/overview.json (100%) rename review/feat-whitelabel/_next/static/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/_buildManifest.js (74%) rename review/feat-whitelabel/_next/static/{iCZJURzVWujI9rdntcWDX => T_bFESEQRZHMJMtKQfftD}/_ssgManifest.js (100%) rename review/feat-whitelabel/_next/static/chunks/{5958-a61b93aa87e0707f.js => 5958-41cacf1645e62ff7.js} (55%) rename review/feat-whitelabel/_next/static/chunks/{main-16fa65e5262811c8.js => main-9fce21c71d75be5a.js} (50%) rename review/feat-whitelabel/_next/static/chunks/pages/components/layout/drawer/{properties-4cb1efda7448dcb3.js => properties-50add1a0b5572076.js} (98%) rename review/feat-whitelabel/_next/static/chunks/pages/components/navigation/docs/{Angular-50d0d82716287d9e.js => Angular-6e0b282e4a93ef44.js} (90%) create mode 100644 review/feat-whitelabel/_next/static/chunks/pages/foundations/performance-9a93c981475dd5bf.js rename review/feat-whitelabel/_next/static/chunks/pages/foundations/{readme-d2dc7859fe18fde3.js => readme-576035699a8f59fd.js} (54%) rename review/feat-whitelabel/_next/static/css/{ec45309227c1735e.css => 5d0d4d8fea085e24.css} (70%) create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Black-EU.c7fb2028.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Black.ef965c23.woff2 create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Bold-EU.c7662ff9.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Bold.b1ca2c2d.woff2 create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Light-EU.e2c269f1.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Light.775414c5.woff2 create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Medium-EU.8d460891.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Medium.3c4e3cfd.woff2 create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Regular-EU.e8899881.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Regular.0a76897f.woff2 create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-SemiBold-EU.648df680.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-SemiBold.d2b334c4.woff2 create mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Thin-EU.b85b303a.woff2 delete mode 100644 review/feat-whitelabel/_next/static/media/NotoSans-Thin.fc1ff124.woff2 create mode 100644 review/feat-whitelabel/foundations/performance.html diff --git a/review/feat-whitelabel/404.html b/review/feat-whitelabel/404.html index 1353e179013..584f6000c06 100644 --- a/review/feat-whitelabel/404.html +++ b/review/feat-whitelabel/404.html @@ -1 +1 @@ -DB UI Mono
\ No newline at end of file +DB UI Mono
\ No newline at end of file diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion-item.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion-item.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion-item.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion-item.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion-item/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion-item/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion-item/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion-item/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/accordion/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/accordion/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/button.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/button.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/button.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/button.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/button/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/button/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/button/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/button/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/link.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/link.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/link.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/link.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/link/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/link/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/action/link/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/action/link/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/badge.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/badge.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/badge.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/badge.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/badge/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/badge/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/badge/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/badge/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/brand.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/brand.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/brand.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/brand.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/brand/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/brand/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/brand/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/brand/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/button.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/button.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/button.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/button.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/button/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/button/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/button/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/button/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/card.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/card.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/card.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/card.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/card/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/card/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/card/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/card/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/checkbox.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/checkbox.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/checkbox.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/checkbox.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/checkbox/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/checkbox/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/checkbox/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/checkbox/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion-item.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion-item.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion-item.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion-item.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion-item/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion-item/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion-item/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion-item/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/accordion/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/accordion/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/brand.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/brand.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/brand.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/brand.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/brand/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/brand/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/brand/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/brand/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/infotext.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/infotext.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/infotext.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/infotext.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/infotext/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/infotext/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/infotext/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/infotext/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tab-item.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tab-item.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tab-item.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tab-item.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tab-item/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tab-item/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tab-item/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tab-item/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tabs.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tabs.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tabs.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tabs.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tabs/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tabs/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tabs/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tabs/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tag.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tag.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tag.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tag.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tag/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tag/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tag/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tag/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tooltip.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tooltip.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tooltip.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tooltip.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tooltip/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tooltip/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-display/tooltip/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-display/tooltip/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/checkbox.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/checkbox.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/checkbox.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/checkbox.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/checkbox/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/checkbox/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/checkbox/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/checkbox/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/input.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/input.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/input.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/input.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/input/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/input/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/input/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/input/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/radio.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/radio.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/radio.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/radio.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/radio/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/radio/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/radio/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/radio/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/select.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/select.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/select.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/select.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/select/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/select/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/select/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/select/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/switch.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/switch.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/switch.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/switch.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/switch/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/switch/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/switch/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/switch/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/textarea.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/textarea.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/textarea.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/textarea.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/textarea/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/textarea/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/data-input/textarea/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/data-input/textarea/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/divider.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/divider.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/divider.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/divider.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/divider/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/divider/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/divider/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/divider/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/drawer.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/drawer.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/drawer.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/drawer.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/drawer/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/drawer/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/drawer/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/drawer/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/badge.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/badge.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/badge.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/badge.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/badge/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/badge/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/badge/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/badge/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/notification.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/notification.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/notification.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/notification.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/notification/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/notification/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/feedback/notification/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/feedback/notification/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/header.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/header.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/header.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/header.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/header/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/header/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/header/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/header/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/infotext.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/infotext.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/infotext.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/infotext.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/infotext/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/infotext/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/infotext/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/infotext/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/input.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/input.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/input.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/input.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/input/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/input/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/input/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/input/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/card.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/card.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/card.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/card.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/card/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/card/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/card/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/card/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/divider.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/divider.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/divider.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/divider.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/divider/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/divider/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/divider/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/divider/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/drawer.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/drawer.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/drawer.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/drawer.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/drawer/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/drawer/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/drawer/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/drawer/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/header.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/header.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/header.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/header.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/header/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/header/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/header/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/header/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/section.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/section.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/section.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/section.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/section/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/section/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/section/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/section/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/stack.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/stack.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/stack.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/stack.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/stack/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/stack/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/layout/stack/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/layout/stack/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/link.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/link.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/link.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/link.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/link/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/link/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/link/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/link/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation-item.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation-item.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation-item.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation-item.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation-item/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation-item/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation-item/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation-item/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation-item.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation-item.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation-item.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation-item.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation-item/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation-item/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation-item/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation-item/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/navigation/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/navigation/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/navigation/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/navigation/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/notification.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/notification.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/notification.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/notification.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/notification/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/notification/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/notification/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/notification/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/popover.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/popover.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/popover.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/popover.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/popover/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/popover/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/popover/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/popover/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/radio.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/radio.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/radio.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/radio.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/radio/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/radio/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/radio/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/radio/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/section.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/section.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/section.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/section.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/section/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/section/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/section/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/section/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/select.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/select.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/select.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/select.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/select/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/select/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/select/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/select/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/stack.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/stack.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/stack.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/stack.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/stack/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/stack/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/stack/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/stack/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/switch.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/switch.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/switch.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/switch.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/switch/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/switch/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/switch/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/switch/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tab-item.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tab-item.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tab-item.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tab-item.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tab-item/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tab-item/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tab-item/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tab-item/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tabs.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tabs.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tabs.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tabs.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tabs/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tabs/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tabs/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tabs/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tag.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tag.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tag.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tag.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tag/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tag/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tag/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tag/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/textarea.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/textarea.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/textarea.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/textarea.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/textarea/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/textarea/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/textarea/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/textarea/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tooltip.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tooltip.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tooltip.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tooltip.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tooltip/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tooltip/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/tooltip/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/tooltip/overview.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/utilities.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/utilities.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/utilities.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/utilities.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/utilities/popover.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/utilities/popover.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/utilities/popover.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/utilities/popover.json diff --git a/review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/utilities/popover/overview.json b/review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/utilities/popover/overview.json similarity index 100% rename from review/feat-whitelabel/_next/data/iCZJURzVWujI9rdntcWDX/components/utilities/popover/overview.json rename to review/feat-whitelabel/_next/data/T_bFESEQRZHMJMtKQfftD/components/utilities/popover/overview.json diff --git a/review/feat-whitelabel/_next/static/iCZJURzVWujI9rdntcWDX/_buildManifest.js b/review/feat-whitelabel/_next/static/T_bFESEQRZHMJMtKQfftD/_buildManifest.js similarity index 74% rename from review/feat-whitelabel/_next/static/iCZJURzVWujI9rdntcWDX/_buildManifest.js rename to review/feat-whitelabel/_next/static/T_bFESEQRZHMJMtKQfftD/_buildManifest.js index 3fb68409311..30c6a107562 100644 --- a/review/feat-whitelabel/_next/static/iCZJURzVWujI9rdntcWDX/_buildManifest.js +++ b/review/feat-whitelabel/_next/static/T_bFESEQRZHMJMtKQfftD/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,s,t,n,a,c,e,i,p,d){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:i,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:c,numHashes:i,bitArray:[]},"/":[s,n,o,t,"static/chunks/pages/index-63ecbf044eb25515.js"],"/404":["static/chunks/pages/404-1dc374602206b6dd.js"],"/_error":["static/chunks/pages/_error-4ce22c25a5e1e628.js"],"/base64":[p,"static/chunks/pages/base64-558e1dbcf54ba5d5.js"],"/components/accordion/docs/Angular":[s,o,t,"static/chunks/pages/components/accordion/docs/Angular-d0e6115df8f0ca39.js"],"/components/accordion/docs/HTML":[s,o,t,"static/chunks/pages/components/accordion/docs/HTML-0ab93be2208e4ca7.js"],"/components/accordion/docs/React":[s,o,t,"static/chunks/pages/components/accordion/docs/React-9b0992718baaffdc.js"],"/components/accordion/docs/Vue":[s,o,t,"static/chunks/pages/components/accordion/docs/Vue-42c312059dc975b1.js"],"/components/accordion/properties":[s,o,t,"static/chunks/pages/components/accordion/properties-32ffebd05289362d.js"],"/components/accordion-item/docs/Angular":[s,o,t,"static/chunks/pages/components/accordion-item/docs/Angular-4f0d94e60201602f.js"],"/components/accordion-item/docs/HTML":[s,o,t,"static/chunks/pages/components/accordion-item/docs/HTML-70cc87bed7cc6e81.js"],"/components/accordion-item/docs/React":[s,o,t,"static/chunks/pages/components/accordion-item/docs/React-791bd6a5c17f9a7e.js"],"/components/accordion-item/docs/Vue":[s,o,t,"static/chunks/pages/components/accordion-item/docs/Vue-e205f22634dcdb16.js"],"/components/accordion-item/properties":[s,o,t,"static/chunks/pages/components/accordion-item/properties-0a3f38c741d00a95.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-33ac13816d5fc4f8.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-7b7b78527d392e70.js"],"/components/action/button/docs/Migration":[d,"static/chunks/pages/components/action/button/docs/Migration-d26f964ebfaadff4.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-3e1d8cd8cd234757.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-c8870376930ee8f2.js"],"/components/action/button/how-to-use":[s,n,o,t,"static/chunks/pages/components/action/button/how-to-use-66c19cf485cd5c2c.js"],"/components/action/button/migration":[s,n,o,t,d,"static/chunks/pages/components/action/button/migration-957f6caa00ed5ae0.js"],"/components/action/button/properties":[s,n,o,t,"static/chunks/pages/components/action/button/properties-861427a81bdb0507.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-4bc0e7d86f5a1ad9.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-049295efcea146e1.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-991cd42d0ca5e178.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-91651a2afe21c630.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-389e45cdc17e0986.js"],"/components/action/link/how-to-use":[s,n,o,t,"static/chunks/pages/components/action/link/how-to-use-b978f2538b7d3989.js"],"/components/action/link/migration":[s,n,o,t,"static/chunks/pages/components/action/link/migration-bf89ddbd9d459da5.js"],"/components/action/link/properties":[s,n,o,t,"static/chunks/pages/components/action/link/properties-2ef86871e76785fa.js"],"/components/badge/docs/Angular":[s,o,t,"static/chunks/pages/components/badge/docs/Angular-67155d6afbd9351a.js"],"/components/badge/docs/HTML":[s,o,t,"static/chunks/pages/components/badge/docs/HTML-7a1e66e0896ad9e6.js"],"/components/badge/docs/React":[s,o,t,"static/chunks/pages/components/badge/docs/React-a3087a355375b7ac.js"],"/components/badge/docs/Vue":[s,o,t,"static/chunks/pages/components/badge/docs/Vue-690c79ef779c1745.js"],"/components/badge/properties":[s,o,t,"static/chunks/pages/components/badge/properties-8dc97b6372750463.js"],"/components/brand/docs/Angular":[s,o,t,"static/chunks/pages/components/brand/docs/Angular-4f9bf7ff5afb731d.js"],"/components/brand/docs/HTML":[s,o,t,"static/chunks/pages/components/brand/docs/HTML-5652d4b353355c57.js"],"/components/brand/docs/React":[s,o,t,"static/chunks/pages/components/brand/docs/React-eb7bbcdd81d05f09.js"],"/components/brand/docs/Vue":[s,o,t,"static/chunks/pages/components/brand/docs/Vue-4fac51c7f4759b94.js"],"/components/brand/properties":[s,o,t,"static/chunks/pages/components/brand/properties-0d58da5995cdfb6f.js"],"/components/button/docs/Angular":[s,o,t,"static/chunks/pages/components/button/docs/Angular-d7ca341b28f18a62.js"],"/components/button/docs/HTML":[s,o,t,"static/chunks/pages/components/button/docs/HTML-daef275737f91b49.js"],"/components/button/docs/React":[s,o,t,"static/chunks/pages/components/button/docs/React-ff682197da06a4c1.js"],"/components/button/docs/Vue":[s,o,t,"static/chunks/pages/components/button/docs/Vue-2c729cc566dd65d5.js"],"/components/button/properties":[s,o,t,"static/chunks/pages/components/button/properties-11474825450cc61c.js"],"/components/card/docs/Angular":[s,o,t,"static/chunks/pages/components/card/docs/Angular-6d080a081669a895.js"],"/components/card/docs/HTML":[s,o,t,"static/chunks/pages/components/card/docs/HTML-65120f9389836150.js"],"/components/card/docs/React":[s,o,t,"static/chunks/pages/components/card/docs/React-2aa1f5077b565771.js"],"/components/card/docs/Vue":[s,o,t,"static/chunks/pages/components/card/docs/Vue-caaf1d3938f8cdf9.js"],"/components/card/properties":[s,o,t,"static/chunks/pages/components/card/properties-82819c929f697f33.js"],"/components/checkbox/docs/Angular":[s,o,t,"static/chunks/pages/components/checkbox/docs/Angular-d0026690a7cf9609.js"],"/components/checkbox/docs/HTML":[s,o,t,"static/chunks/pages/components/checkbox/docs/HTML-cd138924a53285f1.js"],"/components/checkbox/docs/React":[s,o,t,"static/chunks/pages/components/checkbox/docs/React-15379ecc8cd920de.js"],"/components/checkbox/docs/Vue":[s,o,t,"static/chunks/pages/components/checkbox/docs/Vue-eb28353431cbe7e8.js"],"/components/checkbox/properties":[s,o,t,"static/chunks/pages/components/checkbox/properties-0c02599d26fc7cfa.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-3aa1fe663d8df50b.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-5a65c4b35e642233.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-186d50734ec2edab.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-bb99434b4be702f1.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-252253d2d1426a4a.js"],"/components/data-display/accordion/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/how-to-use-ead847b2241e85ab.js"],"/components/data-display/accordion/migration":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/migration-640d6ef09435a7d4.js"],"/components/data-display/accordion/properties":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/properties-0bd0ab6d4824f8ca.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-ab115ab687a20d34.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-411ac792d255686b.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-5aa1dc090e0f7eb0.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-97b5eea201a53526.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-2630351a1726fc7a.js"],"/components/data-display/accordion-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/how-to-use-69c8a81bfefec3a4.js"],"/components/data-display/accordion-item/migration":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/migration-967ca351dc173e53.js"],"/components/data-display/accordion-item/properties":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/properties-cf7d839d2e132855.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-735c1f054b8f8102.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-3a82bace2e549d59.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-bfb163e3d833f504.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-dd4b9cf63128b87f.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-979daccdb335db96.js"],"/components/data-display/brand/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/brand/how-to-use-b090e39a82469ed3.js"],"/components/data-display/brand/migration":[s,n,o,t,"static/chunks/pages/components/data-display/brand/migration-6a3813e260d81688.js"],"/components/data-display/brand/properties":[s,n,o,t,"static/chunks/pages/components/data-display/brand/properties-92dca7ed56450cce.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-5e9c33802cb54115.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-695a76126dedbb6f.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-443c9e152dbd77d3.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-7f725755c310d992.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-da41ebe6ffe6f602.js"],"/components/data-display/infotext/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/how-to-use-11b614babcc86487.js"],"/components/data-display/infotext/migration":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/migration-ccf8f4a1787e9952.js"],"/components/data-display/infotext/properties":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/properties-475c540fc2b0cdc2.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-4ef3a8e1f31f404e.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-9b6d68860c44d194.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-1a608d3c71dbee83.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-36e629d875b40ce8.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-45945f8f7d5cfee1.js"],"/components/data-display/tab-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/how-to-use-42765563ce7f66a3.js"],"/components/data-display/tab-item/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/migration-398ef4e6a7a96d44.js"],"/components/data-display/tab-item/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/properties-2bd20ef6b53198e2.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-635312b640094b11.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-e376fe1336d1548f.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-098858e91e2da343.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-738898ab10553bd1.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-be400eaec687ab23.js"],"/components/data-display/tabs/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/how-to-use-c781f11e1b7f169b.js"],"/components/data-display/tabs/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/migration-9d7340e62fd907a0.js"],"/components/data-display/tabs/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/properties-b655f6aa2fabe1b2.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-ac07d14549538851.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-7a46a59d74d23f96.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-10aa8b85876539e7.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-080fbba77602c057.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-96f551c089c8d79a.js"],"/components/data-display/tag/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tag/how-to-use-44127aac9346d638.js"],"/components/data-display/tag/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tag/migration-a5b7322d2998bf63.js"],"/components/data-display/tag/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tag/properties-6c5fc7c919ac20b7.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-e52c02be8fae7728.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-ad5405f7d314e9b6.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-224f1f8e2e2bc6da.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-79c588f5183c2402.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-4d16c84e7cfd0983.js"],"/components/data-display/tooltip/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/how-to-use-9c8e7ed6fe68c453.js"],"/components/data-display/tooltip/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/migration-f418c2c4efe41cbe.js"],"/components/data-display/tooltip/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/properties-68426d1ad2233f93.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-6190c22f328e00bf.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-0730ad8e214f546c.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e5eb2a0a303fd6f0.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-d6575627dbbe6060.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-7c7f9accc755221e.js"],"/components/data-input/checkbox/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/how-to-use-6779c436b3968d2c.js"],"/components/data-input/checkbox/migration":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/migration-1fa3fe6f1f743827.js"],"/components/data-input/checkbox/properties":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/properties-e6f489ae1a44a49c.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-49bb046b4ceb6364.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-d4a2da3e01b0a60f.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-75378ec463e178e5.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-6b717dcca0672cdd.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-11e1ab5c87ee3077.js"],"/components/data-input/input/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/input/how-to-use-bb4ddd793672d56d.js"],"/components/data-input/input/migration":[s,n,o,t,"static/chunks/pages/components/data-input/input/migration-0b09410667344ba2.js"],"/components/data-input/input/properties":[s,n,o,t,"static/chunks/pages/components/data-input/input/properties-0bbb5e2748829a59.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-3308341385a4e78f.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-6a4c9d063ac7f7d5.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-cb86f66d1b1b12cd.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-e879b14e81d9d753.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-092039cfccb90279.js"],"/components/data-input/radio/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/radio/how-to-use-d9d6bf093078c2f0.js"],"/components/data-input/radio/migration":[s,n,o,t,"static/chunks/pages/components/data-input/radio/migration-64e42c89528a26cb.js"],"/components/data-input/radio/properties":[s,n,o,t,"static/chunks/pages/components/data-input/radio/properties-594272b4b25b35a4.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-fc1718daf82ed529.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-1c632fbfd71ba99f.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-9cdf6a272025bef5.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-5fbb1ddaa951f7d3.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-d45941690e70083a.js"],"/components/data-input/select/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/select/how-to-use-cfa20ff5d8931f06.js"],"/components/data-input/select/migration":[s,n,o,t,"static/chunks/pages/components/data-input/select/migration-e53a9d88889f6d1f.js"],"/components/data-input/select/properties":[s,n,o,t,"static/chunks/pages/components/data-input/select/properties-afa6ce707265894c.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-08ae9720b6f418de.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-f87036e7381679e1.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-cf43be4dc0b75169.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-8e5c1835ae03e2d7.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-f66728deaff5b1cc.js"],"/components/data-input/switch/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/switch/how-to-use-f8235eefd876ef34.js"],"/components/data-input/switch/migration":[s,n,o,t,"static/chunks/pages/components/data-input/switch/migration-2bcb449ecbe4b52a.js"],"/components/data-input/switch/properties":[s,n,o,t,"static/chunks/pages/components/data-input/switch/properties-1ed6c9c12bf1dd47.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-39547e37e02927aa.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-7da4872e168a205d.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-742ee34eb3fe2bd0.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-7df52269c259a537.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-17f4b8043f4d729f.js"],"/components/data-input/textarea/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/how-to-use-59ecb9ee55c0e2fe.js"],"/components/data-input/textarea/migration":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/migration-9cb5111fdace49b0.js"],"/components/data-input/textarea/properties":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/properties-cf5d2215f72e1d62.js"],"/components/divider/docs/Angular":[s,o,t,"static/chunks/pages/components/divider/docs/Angular-6ca83b5bcd7df982.js"],"/components/divider/docs/HTML":[s,o,t,"static/chunks/pages/components/divider/docs/HTML-4b011e0f5050f715.js"],"/components/divider/docs/React":[s,o,t,"static/chunks/pages/components/divider/docs/React-bc764a25184e1ab4.js"],"/components/divider/docs/Vue":[s,o,t,"static/chunks/pages/components/divider/docs/Vue-9b391a1a551263eb.js"],"/components/divider/properties":[s,o,t,"static/chunks/pages/components/divider/properties-75dd2298db57b391.js"],"/components/drawer/docs/Angular":[s,o,t,"static/chunks/pages/components/drawer/docs/Angular-787c8b19360e3380.js"],"/components/drawer/docs/HTML":[s,o,t,"static/chunks/pages/components/drawer/docs/HTML-6e3aa74af5c4cfc1.js"],"/components/drawer/docs/React":[s,o,t,"static/chunks/pages/components/drawer/docs/React-1a302179fa1f886d.js"],"/components/drawer/docs/Vue":[s,o,t,"static/chunks/pages/components/drawer/docs/Vue-69f06054c3ffff69.js"],"/components/drawer/properties":[s,o,t,"static/chunks/pages/components/drawer/properties-23b748584f510f27.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-c15e9acf91b43879.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-d741ee292af628dc.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-cfd85a7d627172f2.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-873ddfd2c5759123.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-11b3c40397042d25.js"],"/components/feedback/badge/how-to-use":[s,n,o,t,"static/chunks/pages/components/feedback/badge/how-to-use-a65a6f3ee9f34456.js"],"/components/feedback/badge/migration":[s,n,o,t,"static/chunks/pages/components/feedback/badge/migration-13e460b8fd2144f8.js"],"/components/feedback/badge/properties":[s,n,o,t,"static/chunks/pages/components/feedback/badge/properties-dd7478a3f280ae89.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-e2e9b4792a67fbf8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-09110cac56c3a6c9.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-e30b397f7534eb91.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-26616727adb0620f.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-b80a5352463cd441.js"],"/components/feedback/notification/how-to-use":[s,n,o,t,"static/chunks/pages/components/feedback/notification/how-to-use-82739e0207f246ed.js"],"/components/feedback/notification/migration":[s,n,o,t,"static/chunks/pages/components/feedback/notification/migration-ffa69f0f55733446.js"],"/components/feedback/notification/properties":[s,n,o,t,"static/chunks/pages/components/feedback/notification/properties-d1c08046de72910f.js"],"/components/header/docs/Angular":[s,o,t,"static/chunks/pages/components/header/docs/Angular-25364b9ab32d1a99.js"],"/components/header/docs/HTML":[s,o,t,"static/chunks/pages/components/header/docs/HTML-342e1ef030bbd729.js"],"/components/header/docs/React":[s,o,t,"static/chunks/pages/components/header/docs/React-be445775516e0a2b.js"],"/components/header/docs/Vue":[s,o,t,"static/chunks/pages/components/header/docs/Vue-20dac665079ac4d8.js"],"/components/header/properties":[s,o,t,"static/chunks/pages/components/header/properties-8475b7743cc64449.js"],"/components/infotext/docs/Angular":[s,o,t,"static/chunks/pages/components/infotext/docs/Angular-8045cd25d1aae285.js"],"/components/infotext/docs/HTML":[s,o,t,"static/chunks/pages/components/infotext/docs/HTML-de1419c4ecdfd8c5.js"],"/components/infotext/docs/React":[s,o,t,"static/chunks/pages/components/infotext/docs/React-a45502df35600b00.js"],"/components/infotext/docs/Vue":[s,o,t,"static/chunks/pages/components/infotext/docs/Vue-6b8b15d4596d48c3.js"],"/components/infotext/properties":[s,o,t,"static/chunks/pages/components/infotext/properties-638cd0f725cb3e8d.js"],"/components/input/docs/Angular":[s,o,t,"static/chunks/pages/components/input/docs/Angular-5d3d2b542463ac05.js"],"/components/input/docs/HTML":[s,o,t,"static/chunks/pages/components/input/docs/HTML-b7c8ecf16cfc6d14.js"],"/components/input/docs/React":[s,o,t,"static/chunks/pages/components/input/docs/React-d1b3f986680f57f9.js"],"/components/input/docs/Vue":[s,o,t,"static/chunks/pages/components/input/docs/Vue-d465425015948636.js"],"/components/input/properties":[s,o,t,"static/chunks/pages/components/input/properties-d6f5d9dc87e4ece1.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-7fd2f6cf24174535.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-f4a61a4ba63f18cb.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-58ccf8ba7ed455f3.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-3ef135a1582a3b7d.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-8ce1da70ba30783a.js"],"/components/layout/card/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/card/how-to-use-c74cfa5ae8693f6c.js"],"/components/layout/card/migration":[s,n,o,t,"static/chunks/pages/components/layout/card/migration-ea648897f0b59929.js"],"/components/layout/card/properties":[s,n,o,t,"static/chunks/pages/components/layout/card/properties-4d1fc3bbe46b7bd4.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-84729584d8367a6c.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-9d8a9a5b06cd0816.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-9594d2a24662a41a.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-1302509eaea902f4.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-a4e919124375cb3b.js"],"/components/layout/divider/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/divider/how-to-use-8b50e87b58aa0867.js"],"/components/layout/divider/migration":[s,n,o,t,"static/chunks/pages/components/layout/divider/migration-491e8ea6405f39a5.js"],"/components/layout/divider/properties":[s,n,o,t,"static/chunks/pages/components/layout/divider/properties-0a89607738f6fbcd.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-05659732a2bd503e.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-0d692d19fb20258b.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-bb87cd1d20618a96.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-a6522240a302f1f0.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-5e7fc62f83bf158c.js"],"/components/layout/drawer/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/drawer/how-to-use-9e0ff160914e7136.js"],"/components/layout/drawer/migration":[s,n,o,t,"static/chunks/pages/components/layout/drawer/migration-3325c36f91f34641.js"],"/components/layout/drawer/properties":[s,n,o,t,"static/chunks/pages/components/layout/drawer/properties-4cb1efda7448dcb3.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-5166b6dd3d6e44a3.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-4af9ae41007eac93.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-ee3c22a2ada81682.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-e5093dc7003862ab.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-2d176a3fd10e7390.js"],"/components/layout/header/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/header/how-to-use-566ee6925b4fb814.js"],"/components/layout/header/migration":[s,n,o,t,"static/chunks/pages/components/layout/header/migration-bf38ee16d8e7b702.js"],"/components/layout/header/properties":[s,n,o,t,"static/chunks/pages/components/layout/header/properties-27e049b150402890.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-d6ae95f9a81e48ad.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-c7bc549859c5b8d6.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-a5c8cbbc1f0a5783.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-5c5fe11fd2ff9926.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-d403e42784c70f4f.js"],"/components/layout/section/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/section/how-to-use-707825ecc62a831c.js"],"/components/layout/section/migration":[s,n,o,t,"static/chunks/pages/components/layout/section/migration-1cb0dae24ea694f4.js"],"/components/layout/section/properties":[s,n,o,t,"static/chunks/pages/components/layout/section/properties-6daeb2b6f3e20956.js"],"/components/layout/stack/docs/Angular":["static/chunks/pages/components/layout/stack/docs/Angular-c66939175b82d379.js"],"/components/layout/stack/docs/HTML":["static/chunks/pages/components/layout/stack/docs/HTML-845e71bd428ed38b.js"],"/components/layout/stack/docs/Migration":["static/chunks/pages/components/layout/stack/docs/Migration-6ef9214b54874a04.js"],"/components/layout/stack/docs/React":["static/chunks/pages/components/layout/stack/docs/React-8f2f5d00500eb40a.js"],"/components/layout/stack/docs/Vue":["static/chunks/pages/components/layout/stack/docs/Vue-0cb2b470e277b55d.js"],"/components/layout/stack/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/stack/how-to-use-7d2fcd3d8b821c38.js"],"/components/layout/stack/migration":[s,n,o,t,"static/chunks/pages/components/layout/stack/migration-153606e7bc508a78.js"],"/components/layout/stack/properties":[s,n,o,t,"static/chunks/pages/components/layout/stack/properties-dc176dc8d1566684.js"],"/components/link/docs/Angular":[s,o,t,"static/chunks/pages/components/link/docs/Angular-c34994dad64236d3.js"],"/components/link/docs/HTML":[s,o,t,"static/chunks/pages/components/link/docs/HTML-6300e0bdc714e55b.js"],"/components/link/docs/React":[s,o,t,"static/chunks/pages/components/link/docs/React-3c983637d7c570a8.js"],"/components/link/docs/Vue":[s,o,t,"static/chunks/pages/components/link/docs/Vue-df41a10e9224a16a.js"],"/components/link/properties":[s,o,t,"static/chunks/pages/components/link/properties-f69915f0e0e43fa0.js"],"/components/navigation/docs/Angular":[s,o,t,"static/chunks/pages/components/navigation/docs/Angular-50d0d82716287d9e.js"],"/components/navigation/docs/HTML":[s,o,t,"static/chunks/pages/components/navigation/docs/HTML-19721002fef3eae3.js"],"/components/navigation/docs/React":[s,o,t,"static/chunks/pages/components/navigation/docs/React-aa78b8d797914737.js"],"/components/navigation/docs/Vue":[s,o,t,"static/chunks/pages/components/navigation/docs/Vue-f1c446d83df6ca49.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-f6c46a3d468ba715.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-704ac231c0c77bea.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-e9bc8d53e2f89489.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-0ec115649a5c7910.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-9033ff1a1713ebc0.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-4e3d4477f1c1e5aa.js"],"/components/navigation/navigation/how-to-use":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/how-to-use-37038937699c3d53.js"],"/components/navigation/navigation/migration":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/migration-eb6121b7ae57f057.js"],"/components/navigation/navigation/properties":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/properties-a49f26aec59d8393.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-49523621f73c2a2e.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-569a613ca7e6481c.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-72897bcc26a4fa3d.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-534a6d1a9b65cb3e.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c2725bc9586def96.js"],"/components/navigation/navigation-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/how-to-use-628d61e85f32b22e.js"],"/components/navigation/navigation-item/migration":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/migration-3c2d6ec680683d47.js"],"/components/navigation/navigation-item/properties":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/properties-b0e1f8111b9391e2.js"],"/components/navigation/properties":[s,o,t,"static/chunks/pages/components/navigation/properties-5bba52e2fa786908.js"],"/components/navigation-item/docs/Angular":[s,o,t,"static/chunks/pages/components/navigation-item/docs/Angular-201e71271b450ec9.js"],"/components/navigation-item/docs/HTML":[s,o,t,"static/chunks/pages/components/navigation-item/docs/HTML-250c6720aa4f749f.js"],"/components/navigation-item/docs/React":[s,o,t,"static/chunks/pages/components/navigation-item/docs/React-d5ca9eeaf35db79d.js"],"/components/navigation-item/docs/Vue":[s,o,t,"static/chunks/pages/components/navigation-item/docs/Vue-7f2c6ffe4608fbfc.js"],"/components/navigation-item/properties":[s,o,t,"static/chunks/pages/components/navigation-item/properties-fbd44f6fd701d711.js"],"/components/notification/docs/Angular":[s,o,t,"static/chunks/pages/components/notification/docs/Angular-6227ec5de1641795.js"],"/components/notification/docs/HTML":[s,o,t,"static/chunks/pages/components/notification/docs/HTML-8ab20821287a0ebc.js"],"/components/notification/docs/React":[s,o,t,"static/chunks/pages/components/notification/docs/React-869a6e51e2c936bd.js"],"/components/notification/docs/Vue":[s,o,t,"static/chunks/pages/components/notification/docs/Vue-56e871f596466609.js"],"/components/notification/properties":[s,o,t,"static/chunks/pages/components/notification/properties-71919076ab0f0b9b.js"],"/components/popover/docs/Angular":[s,o,t,"static/chunks/pages/components/popover/docs/Angular-be64cc64fbf62f26.js"],"/components/popover/docs/HTML":[s,o,t,"static/chunks/pages/components/popover/docs/HTML-63d0fde129ae24ff.js"],"/components/popover/docs/React":[s,o,t,"static/chunks/pages/components/popover/docs/React-64bc766284514782.js"],"/components/popover/docs/Vue":[s,o,t,"static/chunks/pages/components/popover/docs/Vue-0fe91496c2bc97af.js"],"/components/popover/properties":[s,o,t,"static/chunks/pages/components/popover/properties-a50d4cf1d6e1211b.js"],"/components/radio/docs/Angular":[s,o,t,"static/chunks/pages/components/radio/docs/Angular-c5d1f4723814f4a8.js"],"/components/radio/docs/HTML":[s,o,t,"static/chunks/pages/components/radio/docs/HTML-a3c3ca66d0c1a76c.js"],"/components/radio/docs/React":[s,o,t,"static/chunks/pages/components/radio/docs/React-08e47022b72f5320.js"],"/components/radio/docs/Vue":[s,o,t,"static/chunks/pages/components/radio/docs/Vue-9b13ea91e745bc81.js"],"/components/radio/properties":[s,o,t,"static/chunks/pages/components/radio/properties-ff67072715dff882.js"],"/components/readme":[s,n,o,t,"static/chunks/pages/components/readme-8d7ef648a63be38a.js"],"/components/router-usage":[s,n,o,t,"static/chunks/pages/components/router-usage-29729b9f00fc2bcc.js"],"/components/section/docs/Angular":[s,o,t,"static/chunks/pages/components/section/docs/Angular-a63ac7b52775c753.js"],"/components/section/docs/HTML":[s,o,t,"static/chunks/pages/components/section/docs/HTML-ce7958bea762ba7b.js"],"/components/section/docs/React":[s,o,t,"static/chunks/pages/components/section/docs/React-174bfeaa3b774ddc.js"],"/components/section/docs/Vue":[s,o,t,"static/chunks/pages/components/section/docs/Vue-8fdf0b6736c610c1.js"],"/components/section/properties":[s,o,t,"static/chunks/pages/components/section/properties-a0e21bc8bd6747df.js"],"/components/select/docs/Angular":[s,o,t,"static/chunks/pages/components/select/docs/Angular-76c130428d545ff6.js"],"/components/select/docs/HTML":[s,o,t,"static/chunks/pages/components/select/docs/HTML-3f4d8195eeff82fe.js"],"/components/select/docs/React":[s,o,t,"static/chunks/pages/components/select/docs/React-4f5f3b6d82e90861.js"],"/components/select/docs/Vue":[s,o,t,"static/chunks/pages/components/select/docs/Vue-34464f5493fd45a5.js"],"/components/select/properties":[s,o,t,"static/chunks/pages/components/select/properties-010cc8a45a6963f1.js"],"/components/stack/docs/Angular":[s,o,t,"static/chunks/pages/components/stack/docs/Angular-cfdc05fcbfeb690b.js"],"/components/stack/docs/HTML":[s,o,t,"static/chunks/pages/components/stack/docs/HTML-ccc5a07601868cbb.js"],"/components/stack/docs/React":[s,o,t,"static/chunks/pages/components/stack/docs/React-40a114ae34bfc737.js"],"/components/stack/docs/Vue":[s,o,t,"static/chunks/pages/components/stack/docs/Vue-1fac27ddcf8cfd52.js"],"/components/stack/properties":[s,o,t,"static/chunks/pages/components/stack/properties-3b9cc70f2ce861be.js"],"/components/switch/docs/Angular":[s,o,t,"static/chunks/pages/components/switch/docs/Angular-d62e9d26bc45978b.js"],"/components/switch/docs/HTML":[s,o,t,"static/chunks/pages/components/switch/docs/HTML-9a2d0ed67bee37a2.js"],"/components/switch/docs/React":[s,o,t,"static/chunks/pages/components/switch/docs/React-b063f05d178e2964.js"],"/components/switch/docs/Vue":[s,o,t,"static/chunks/pages/components/switch/docs/Vue-16607413d6f039b0.js"],"/components/switch/properties":[s,o,t,"static/chunks/pages/components/switch/properties-701c6b43be2e3da8.js"],"/components/tab-item/docs/Angular":[s,o,t,"static/chunks/pages/components/tab-item/docs/Angular-26098153cd81148e.js"],"/components/tab-item/docs/HTML":[s,o,t,"static/chunks/pages/components/tab-item/docs/HTML-b0ba1045f87b0f34.js"],"/components/tab-item/docs/React":[s,o,t,"static/chunks/pages/components/tab-item/docs/React-695ad17582997f8f.js"],"/components/tab-item/docs/Vue":[s,o,t,"static/chunks/pages/components/tab-item/docs/Vue-e6641ff11efc6c28.js"],"/components/tab-item/properties":[s,o,t,"static/chunks/pages/components/tab-item/properties-49d0a2445faf7368.js"],"/components/tabs/docs/Angular":[s,o,t,"static/chunks/pages/components/tabs/docs/Angular-b51d085704946338.js"],"/components/tabs/docs/HTML":[s,o,t,"static/chunks/pages/components/tabs/docs/HTML-f40dba74ec3587b5.js"],"/components/tabs/docs/React":[s,o,t,"static/chunks/pages/components/tabs/docs/React-e4d3795708451955.js"],"/components/tabs/docs/Vue":[s,o,t,"static/chunks/pages/components/tabs/docs/Vue-85aa35b4e3110fa7.js"],"/components/tabs/properties":[s,o,t,"static/chunks/pages/components/tabs/properties-eca9d914d377b5ae.js"],"/components/tag/docs/Angular":[s,o,t,"static/chunks/pages/components/tag/docs/Angular-a28053b7d964ea6f.js"],"/components/tag/docs/HTML":[s,o,t,"static/chunks/pages/components/tag/docs/HTML-b69750dd13ebfa11.js"],"/components/tag/docs/React":[s,o,t,"static/chunks/pages/components/tag/docs/React-b9d0c0194b9be4aa.js"],"/components/tag/docs/Vue":[s,o,t,"static/chunks/pages/components/tag/docs/Vue-1d39abd529a08be5.js"],"/components/tag/properties":[s,o,t,"static/chunks/pages/components/tag/properties-0a73b979b3e2dbd5.js"],"/components/textarea/docs/Angular":[s,o,t,"static/chunks/pages/components/textarea/docs/Angular-b077cd1f71737cb6.js"],"/components/textarea/docs/HTML":[s,o,t,"static/chunks/pages/components/textarea/docs/HTML-80b5f47c1bc3b2d2.js"],"/components/textarea/docs/React":[s,o,t,"static/chunks/pages/components/textarea/docs/React-a573b764dd17c8d4.js"],"/components/textarea/docs/Vue":[s,o,t,"static/chunks/pages/components/textarea/docs/Vue-7c622a2947ac4a9d.js"],"/components/textarea/properties":[s,o,t,"static/chunks/pages/components/textarea/properties-6b7c5c426ffb81d5.js"],"/components/tooltip/docs/Angular":[s,o,t,"static/chunks/pages/components/tooltip/docs/Angular-da1c380480619235.js"],"/components/tooltip/docs/HTML":[s,o,t,"static/chunks/pages/components/tooltip/docs/HTML-5c051e2e41da5b9a.js"],"/components/tooltip/docs/React":[s,o,t,"static/chunks/pages/components/tooltip/docs/React-50f31d67af4e1c7a.js"],"/components/tooltip/docs/Vue":[s,o,t,"static/chunks/pages/components/tooltip/docs/Vue-912fd97fbe6f462d.js"],"/components/tooltip/properties":[s,o,t,"static/chunks/pages/components/tooltip/properties-670b5b68fe34684b.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-b8ce565a06cffbe5.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-066f4c7229ec3320.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-fd424e36426845ad.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-15a3c8f91ba01d26.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-c07ea291a71a8f49.js"],"/components/utilities/popover/how-to-use":[s,n,o,t,"static/chunks/pages/components/utilities/popover/how-to-use-66f004c007763b3e.js"],"/components/utilities/popover/migration":[s,n,o,t,"static/chunks/pages/components/utilities/popover/migration-a38eeca57dcf8472.js"],"/components/utilities/popover/properties":[s,n,o,t,"static/chunks/pages/components/utilities/popover/properties-61b9401c0dce0104.js"],"/components/validation":[s,n,o,t,"static/chunks/pages/components/validation-e7f8d44f526f1039.js"],"/components/[[...slug]]":[s,n,o,t,a,"static/chunks/pages/components/[[...slug]]-667a35506fe5618f.js"],"/foundations":[s,n,o,t,a,"static/chunks/pages/foundations-74c2feac0c67bcb4.js"],"/foundations/colors":[s,n,o,t,a,"static/chunks/pages/foundations/colors-c58251f34b9f302a.js"],"/foundations/colors/color-classes":[s,n,o,t,"static/chunks/pages/foundations/colors/color-classes-c2d6eca41d4f6baa.js"],"/foundations/colors/color-schemes":[s,n,o,t,"static/chunks/pages/foundations/colors/color-schemes-c478cdd2bed3d75d.js"],"/foundations/colors/color-usage-guide":[s,n,"static/chunks/5486-fea82cd636d300f8.js",o,t,"static/chunks/pages/foundations/colors/color-usage-guide-9dd2bffe5dbf17bb.js"],"/foundations/colors/readme":[s,n,o,t,"static/chunks/pages/foundations/colors/readme-41c0b61802e31c67.js"],"/foundations/densities":[s,n,o,t,a,"static/chunks/pages/foundations/densities-f1f7da4c7ef0f706.js"],"/foundations/densities/examples":[s,n,o,t,"static/chunks/pages/foundations/densities/examples-b715238bf43ff3e1.js"],"/foundations/densities/readme":[s,n,o,t,"static/chunks/pages/foundations/densities/readme-e705f11a02d83d57.js"],"/foundations/font-sizes":[s,n,o,t,a,"static/chunks/pages/foundations/font-sizes-879861202acc3c58.js"],"/foundations/font-sizes/overview":[s,n,o,t,"static/chunks/pages/foundations/font-sizes/overview-7e68006cf5f1b963.js"],"/foundations/font-sizes/readme":[s,n,o,t,"static/chunks/pages/foundations/font-sizes/readme-c08de2b2eefd630c.js"],"/foundations/icons":[s,n,o,t,a,"static/chunks/pages/foundations/icons-c3f2224d51f4b833.js"],"/foundations/icons/custom-icons":[s,n,o,t,"static/chunks/pages/foundations/icons/custom-icons-a0486ede157f9a5a.js"],"/foundations/icons/overview":[s,n,o,t,"static/chunks/pages/foundations/icons/overview-df72fabeca880927.js"],"/foundations/icons/readme":[s,n,o,t,"static/chunks/pages/foundations/icons/readme-dcbf0f998a78a9e5.js"],"/foundations/ide":[s,n,o,t,"static/chunks/pages/foundations/ide-e9d016e54381f675.js"],"/foundations/readme":[s,n,o,t,"static/chunks/pages/foundations/readme-d2dc7859fe18fde3.js"],"/foundations/test-table":[s,n,o,t,"static/chunks/pages/foundations/test-table-221ad93a97b87a8a.js"],"/foundations/variables":[s,n,o,t,a,"static/chunks/pages/foundations/variables-d06bfc6be4c529dd.js"],"/foundations/variables/examples":[s,n,o,t,"static/chunks/pages/foundations/variables/examples-c3b991d451476e45.js"],"/foundations/variables/readme":[s,n,o,t,"static/chunks/pages/foundations/variables/readme-137c2b7e9545de9e.js"],"/iframe":[p,o,"static/chunks/pages/iframe-1e9fc9d7ca486d31.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/properties","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/properties","/components/action/button/docs/Angular","/components/action/button/docs/HTML","/components/action/button/docs/Migration","/components/action/button/docs/React","/components/action/button/docs/Vue","/components/action/button/how-to-use","/components/action/button/migration","/components/action/button/properties","/components/action/link/docs/Angular","/components/action/link/docs/HTML","/components/action/link/docs/Migration","/components/action/link/docs/React","/components/action/link/docs/Vue","/components/action/link/how-to-use","/components/action/link/migration","/components/action/link/properties","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/properties","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/React","/components/button/docs/Vue","/components/button/properties","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/React","/components/card/docs/Vue","/components/card/properties","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/properties","/components/data-display/accordion/docs/Angular","/components/data-display/accordion/docs/HTML","/components/data-display/accordion/docs/Migration","/components/data-display/accordion/docs/React","/components/data-display/accordion/docs/Vue","/components/data-display/accordion/how-to-use","/components/data-display/accordion/migration","/components/data-display/accordion/properties","/components/data-display/accordion-item/docs/Angular","/components/data-display/accordion-item/docs/HTML","/components/data-display/accordion-item/docs/Migration","/components/data-display/accordion-item/docs/React","/components/data-display/accordion-item/docs/Vue","/components/data-display/accordion-item/how-to-use","/components/data-display/accordion-item/migration","/components/data-display/accordion-item/properties","/components/data-display/brand/docs/Angular","/components/data-display/brand/docs/HTML","/components/data-display/brand/docs/Migration","/components/data-display/brand/docs/React","/components/data-display/brand/docs/Vue","/components/data-display/brand/how-to-use","/components/data-display/brand/migration","/components/data-display/brand/properties","/components/data-display/infotext/docs/Angular","/components/data-display/infotext/docs/HTML","/components/data-display/infotext/docs/Migration","/components/data-display/infotext/docs/React","/components/data-display/infotext/docs/Vue","/components/data-display/infotext/how-to-use","/components/data-display/infotext/migration","/components/data-display/infotext/properties","/components/data-display/tab-item/docs/Angular","/components/data-display/tab-item/docs/HTML","/components/data-display/tab-item/docs/Migration","/components/data-display/tab-item/docs/React","/components/data-display/tab-item/docs/Vue","/components/data-display/tab-item/how-to-use","/components/data-display/tab-item/migration","/components/data-display/tab-item/properties","/components/data-display/tabs/docs/Angular","/components/data-display/tabs/docs/HTML","/components/data-display/tabs/docs/Migration","/components/data-display/tabs/docs/React","/components/data-display/tabs/docs/Vue","/components/data-display/tabs/how-to-use","/components/data-display/tabs/migration","/components/data-display/tabs/properties","/components/data-display/tag/docs/Angular","/components/data-display/tag/docs/HTML","/components/data-display/tag/docs/Migration","/components/data-display/tag/docs/React","/components/data-display/tag/docs/Vue","/components/data-display/tag/how-to-use","/components/data-display/tag/migration","/components/data-display/tag/properties","/components/data-display/tooltip/docs/Angular","/components/data-display/tooltip/docs/HTML","/components/data-display/tooltip/docs/Migration","/components/data-display/tooltip/docs/React","/components/data-display/tooltip/docs/Vue","/components/data-display/tooltip/how-to-use","/components/data-display/tooltip/migration","/components/data-display/tooltip/properties","/components/data-input/checkbox/docs/Angular","/components/data-input/checkbox/docs/HTML","/components/data-input/checkbox/docs/Migration","/components/data-input/checkbox/docs/React","/components/data-input/checkbox/docs/Vue","/components/data-input/checkbox/how-to-use","/components/data-input/checkbox/migration","/components/data-input/checkbox/properties","/components/data-input/input/docs/Angular","/components/data-input/input/docs/HTML","/components/data-input/input/docs/Migration","/components/data-input/input/docs/React","/components/data-input/input/docs/Vue","/components/data-input/input/how-to-use","/components/data-input/input/migration","/components/data-input/input/properties","/components/data-input/radio/docs/Angular","/components/data-input/radio/docs/HTML","/components/data-input/radio/docs/Migration","/components/data-input/radio/docs/React","/components/data-input/radio/docs/Vue","/components/data-input/radio/how-to-use","/components/data-input/radio/migration","/components/data-input/radio/properties","/components/data-input/select/docs/Angular","/components/data-input/select/docs/HTML","/components/data-input/select/docs/Migration","/components/data-input/select/docs/React","/components/data-input/select/docs/Vue","/components/data-input/select/how-to-use","/components/data-input/select/migration","/components/data-input/select/properties","/components/data-input/switch/docs/Angular","/components/data-input/switch/docs/HTML","/components/data-input/switch/docs/Migration","/components/data-input/switch/docs/React","/components/data-input/switch/docs/Vue","/components/data-input/switch/how-to-use","/components/data-input/switch/migration","/components/data-input/switch/properties","/components/data-input/textarea/docs/Angular","/components/data-input/textarea/docs/HTML","/components/data-input/textarea/docs/Migration","/components/data-input/textarea/docs/React","/components/data-input/textarea/docs/Vue","/components/data-input/textarea/how-to-use","/components/data-input/textarea/migration","/components/data-input/textarea/properties","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/properties","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/properties","/components/feedback/badge/docs/Angular","/components/feedback/badge/docs/HTML","/components/feedback/badge/docs/Migration","/components/feedback/badge/docs/React","/components/feedback/badge/docs/Vue","/components/feedback/badge/how-to-use","/components/feedback/badge/migration","/components/feedback/badge/properties","/components/feedback/notification/docs/Angular","/components/feedback/notification/docs/HTML","/components/feedback/notification/docs/Migration","/components/feedback/notification/docs/React","/components/feedback/notification/docs/Vue","/components/feedback/notification/how-to-use","/components/feedback/notification/migration","/components/feedback/notification/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/properties","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/properties","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/properties","/components/layout/card/docs/Angular","/components/layout/card/docs/HTML","/components/layout/card/docs/Migration","/components/layout/card/docs/React","/components/layout/card/docs/Vue","/components/layout/card/how-to-use","/components/layout/card/migration","/components/layout/card/properties","/components/layout/divider/docs/Angular","/components/layout/divider/docs/HTML","/components/layout/divider/docs/Migration","/components/layout/divider/docs/React","/components/layout/divider/docs/Vue","/components/layout/divider/how-to-use","/components/layout/divider/migration","/components/layout/divider/properties","/components/layout/drawer/docs/Angular","/components/layout/drawer/docs/HTML","/components/layout/drawer/docs/Migration","/components/layout/drawer/docs/React","/components/layout/drawer/docs/Vue","/components/layout/drawer/how-to-use","/components/layout/drawer/migration","/components/layout/drawer/properties","/components/layout/header/docs/Angular","/components/layout/header/docs/HTML","/components/layout/header/docs/Migration","/components/layout/header/docs/React","/components/layout/header/docs/Vue","/components/layout/header/how-to-use","/components/layout/header/migration","/components/layout/header/properties","/components/layout/section/docs/Angular","/components/layout/section/docs/HTML","/components/layout/section/docs/Migration","/components/layout/section/docs/React","/components/layout/section/docs/Vue","/components/layout/section/how-to-use","/components/layout/section/migration","/components/layout/section/properties","/components/layout/stack/docs/Angular","/components/layout/stack/docs/HTML","/components/layout/stack/docs/Migration","/components/layout/stack/docs/React","/components/layout/stack/docs/Vue","/components/layout/stack/how-to-use","/components/layout/stack/migration","/components/layout/stack/properties","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/properties","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/navigation/docs/Accessibility","/components/navigation/navigation/docs/Angular","/components/navigation/navigation/docs/HTML","/components/navigation/navigation/docs/Migration","/components/navigation/navigation/docs/React","/components/navigation/navigation/docs/Vue","/components/navigation/navigation/how-to-use","/components/navigation/navigation/migration","/components/navigation/navigation/properties","/components/navigation/navigation-item/docs/Angular","/components/navigation/navigation-item/docs/HTML","/components/navigation/navigation-item/docs/Migration","/components/navigation/navigation-item/docs/React","/components/navigation/navigation-item/docs/Vue","/components/navigation/navigation-item/how-to-use","/components/navigation/navigation-item/migration","/components/navigation/navigation-item/properties","/components/navigation/properties","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/properties","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/properties","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/properties","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/properties","/components/readme","/components/router-usage","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/React","/components/section/docs/Vue","/components/section/properties","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/React","/components/select/docs/Vue","/components/select/properties","/components/stack/docs/Angular","/components/stack/docs/HTML","/components/stack/docs/React","/components/stack/docs/Vue","/components/stack/properties","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/properties","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/properties","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/properties","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/properties","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/properties","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/properties","/components/utilities/popover/docs/Angular","/components/utilities/popover/docs/HTML","/components/utilities/popover/docs/Migration","/components/utilities/popover/docs/React","/components/utilities/popover/docs/Vue","/components/utilities/popover/how-to-use","/components/utilities/popover/migration","/components/utilities/popover/properties","/components/validation","/components/[[...slug]]","/foundations","/foundations/colors","/foundations/colors/color-classes","/foundations/colors/color-schemes","/foundations/colors/color-usage-guide","/foundations/colors/readme","/foundations/densities","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/ide","/foundations/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/1446-59ef5508b3afce0f.js","static/chunks/3578-e443004a7971fa82.js","static/chunks/5958-a61b93aa87e0707f.js","static/chunks/8250-6dcc2f396254909a.js","static/chunks/2124-de662102512ab1e0.js",0,0,NaN,"static/chunks/1048-3eaf0a942fe12a1a.js","static/chunks/148-be5a07d7f12030ed.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,s,t,n,a,c,e,i,p,d){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:i,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:c,numHashes:i,bitArray:[]},"/":[s,n,o,t,"static/chunks/pages/index-63ecbf044eb25515.js"],"/404":["static/chunks/pages/404-1dc374602206b6dd.js"],"/_error":["static/chunks/pages/_error-4ce22c25a5e1e628.js"],"/base64":[p,"static/chunks/pages/base64-558e1dbcf54ba5d5.js"],"/components/accordion/docs/Angular":[s,o,t,"static/chunks/pages/components/accordion/docs/Angular-d0e6115df8f0ca39.js"],"/components/accordion/docs/HTML":[s,o,t,"static/chunks/pages/components/accordion/docs/HTML-0ab93be2208e4ca7.js"],"/components/accordion/docs/React":[s,o,t,"static/chunks/pages/components/accordion/docs/React-9b0992718baaffdc.js"],"/components/accordion/docs/Vue":[s,o,t,"static/chunks/pages/components/accordion/docs/Vue-42c312059dc975b1.js"],"/components/accordion/properties":[s,o,t,"static/chunks/pages/components/accordion/properties-32ffebd05289362d.js"],"/components/accordion-item/docs/Angular":[s,o,t,"static/chunks/pages/components/accordion-item/docs/Angular-4f0d94e60201602f.js"],"/components/accordion-item/docs/HTML":[s,o,t,"static/chunks/pages/components/accordion-item/docs/HTML-70cc87bed7cc6e81.js"],"/components/accordion-item/docs/React":[s,o,t,"static/chunks/pages/components/accordion-item/docs/React-791bd6a5c17f9a7e.js"],"/components/accordion-item/docs/Vue":[s,o,t,"static/chunks/pages/components/accordion-item/docs/Vue-e205f22634dcdb16.js"],"/components/accordion-item/properties":[s,o,t,"static/chunks/pages/components/accordion-item/properties-0a3f38c741d00a95.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-33ac13816d5fc4f8.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-7b7b78527d392e70.js"],"/components/action/button/docs/Migration":[d,"static/chunks/pages/components/action/button/docs/Migration-d26f964ebfaadff4.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-3e1d8cd8cd234757.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-c8870376930ee8f2.js"],"/components/action/button/how-to-use":[s,n,o,t,"static/chunks/pages/components/action/button/how-to-use-66c19cf485cd5c2c.js"],"/components/action/button/migration":[s,n,o,t,d,"static/chunks/pages/components/action/button/migration-957f6caa00ed5ae0.js"],"/components/action/button/properties":[s,n,o,t,"static/chunks/pages/components/action/button/properties-861427a81bdb0507.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-4bc0e7d86f5a1ad9.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-049295efcea146e1.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-991cd42d0ca5e178.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-91651a2afe21c630.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-389e45cdc17e0986.js"],"/components/action/link/how-to-use":[s,n,o,t,"static/chunks/pages/components/action/link/how-to-use-b978f2538b7d3989.js"],"/components/action/link/migration":[s,n,o,t,"static/chunks/pages/components/action/link/migration-bf89ddbd9d459da5.js"],"/components/action/link/properties":[s,n,o,t,"static/chunks/pages/components/action/link/properties-2ef86871e76785fa.js"],"/components/badge/docs/Angular":[s,o,t,"static/chunks/pages/components/badge/docs/Angular-67155d6afbd9351a.js"],"/components/badge/docs/HTML":[s,o,t,"static/chunks/pages/components/badge/docs/HTML-7a1e66e0896ad9e6.js"],"/components/badge/docs/React":[s,o,t,"static/chunks/pages/components/badge/docs/React-a3087a355375b7ac.js"],"/components/badge/docs/Vue":[s,o,t,"static/chunks/pages/components/badge/docs/Vue-690c79ef779c1745.js"],"/components/badge/properties":[s,o,t,"static/chunks/pages/components/badge/properties-8dc97b6372750463.js"],"/components/brand/docs/Angular":[s,o,t,"static/chunks/pages/components/brand/docs/Angular-4f9bf7ff5afb731d.js"],"/components/brand/docs/HTML":[s,o,t,"static/chunks/pages/components/brand/docs/HTML-5652d4b353355c57.js"],"/components/brand/docs/React":[s,o,t,"static/chunks/pages/components/brand/docs/React-eb7bbcdd81d05f09.js"],"/components/brand/docs/Vue":[s,o,t,"static/chunks/pages/components/brand/docs/Vue-4fac51c7f4759b94.js"],"/components/brand/properties":[s,o,t,"static/chunks/pages/components/brand/properties-0d58da5995cdfb6f.js"],"/components/button/docs/Angular":[s,o,t,"static/chunks/pages/components/button/docs/Angular-d7ca341b28f18a62.js"],"/components/button/docs/HTML":[s,o,t,"static/chunks/pages/components/button/docs/HTML-daef275737f91b49.js"],"/components/button/docs/React":[s,o,t,"static/chunks/pages/components/button/docs/React-ff682197da06a4c1.js"],"/components/button/docs/Vue":[s,o,t,"static/chunks/pages/components/button/docs/Vue-2c729cc566dd65d5.js"],"/components/button/properties":[s,o,t,"static/chunks/pages/components/button/properties-11474825450cc61c.js"],"/components/card/docs/Angular":[s,o,t,"static/chunks/pages/components/card/docs/Angular-6d080a081669a895.js"],"/components/card/docs/HTML":[s,o,t,"static/chunks/pages/components/card/docs/HTML-65120f9389836150.js"],"/components/card/docs/React":[s,o,t,"static/chunks/pages/components/card/docs/React-2aa1f5077b565771.js"],"/components/card/docs/Vue":[s,o,t,"static/chunks/pages/components/card/docs/Vue-caaf1d3938f8cdf9.js"],"/components/card/properties":[s,o,t,"static/chunks/pages/components/card/properties-82819c929f697f33.js"],"/components/checkbox/docs/Angular":[s,o,t,"static/chunks/pages/components/checkbox/docs/Angular-d0026690a7cf9609.js"],"/components/checkbox/docs/HTML":[s,o,t,"static/chunks/pages/components/checkbox/docs/HTML-cd138924a53285f1.js"],"/components/checkbox/docs/React":[s,o,t,"static/chunks/pages/components/checkbox/docs/React-15379ecc8cd920de.js"],"/components/checkbox/docs/Vue":[s,o,t,"static/chunks/pages/components/checkbox/docs/Vue-eb28353431cbe7e8.js"],"/components/checkbox/properties":[s,o,t,"static/chunks/pages/components/checkbox/properties-0c02599d26fc7cfa.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-3aa1fe663d8df50b.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-5a65c4b35e642233.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-186d50734ec2edab.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-bb99434b4be702f1.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-252253d2d1426a4a.js"],"/components/data-display/accordion/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/how-to-use-ead847b2241e85ab.js"],"/components/data-display/accordion/migration":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/migration-640d6ef09435a7d4.js"],"/components/data-display/accordion/properties":[s,n,o,t,"static/chunks/pages/components/data-display/accordion/properties-0bd0ab6d4824f8ca.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-ab115ab687a20d34.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-411ac792d255686b.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-5aa1dc090e0f7eb0.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-97b5eea201a53526.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-2630351a1726fc7a.js"],"/components/data-display/accordion-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/how-to-use-69c8a81bfefec3a4.js"],"/components/data-display/accordion-item/migration":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/migration-967ca351dc173e53.js"],"/components/data-display/accordion-item/properties":[s,n,o,t,"static/chunks/pages/components/data-display/accordion-item/properties-cf7d839d2e132855.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-735c1f054b8f8102.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-3a82bace2e549d59.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-bfb163e3d833f504.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-dd4b9cf63128b87f.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-979daccdb335db96.js"],"/components/data-display/brand/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/brand/how-to-use-b090e39a82469ed3.js"],"/components/data-display/brand/migration":[s,n,o,t,"static/chunks/pages/components/data-display/brand/migration-6a3813e260d81688.js"],"/components/data-display/brand/properties":[s,n,o,t,"static/chunks/pages/components/data-display/brand/properties-92dca7ed56450cce.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-5e9c33802cb54115.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-695a76126dedbb6f.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-443c9e152dbd77d3.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-7f725755c310d992.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-da41ebe6ffe6f602.js"],"/components/data-display/infotext/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/how-to-use-11b614babcc86487.js"],"/components/data-display/infotext/migration":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/migration-ccf8f4a1787e9952.js"],"/components/data-display/infotext/properties":[s,n,o,t,"static/chunks/pages/components/data-display/infotext/properties-475c540fc2b0cdc2.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-4ef3a8e1f31f404e.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-9b6d68860c44d194.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-1a608d3c71dbee83.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-36e629d875b40ce8.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-45945f8f7d5cfee1.js"],"/components/data-display/tab-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/how-to-use-42765563ce7f66a3.js"],"/components/data-display/tab-item/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/migration-398ef4e6a7a96d44.js"],"/components/data-display/tab-item/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tab-item/properties-2bd20ef6b53198e2.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-635312b640094b11.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-e376fe1336d1548f.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-098858e91e2da343.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-738898ab10553bd1.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-be400eaec687ab23.js"],"/components/data-display/tabs/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/how-to-use-c781f11e1b7f169b.js"],"/components/data-display/tabs/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/migration-9d7340e62fd907a0.js"],"/components/data-display/tabs/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tabs/properties-b655f6aa2fabe1b2.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-ac07d14549538851.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-7a46a59d74d23f96.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-10aa8b85876539e7.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-080fbba77602c057.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-96f551c089c8d79a.js"],"/components/data-display/tag/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tag/how-to-use-44127aac9346d638.js"],"/components/data-display/tag/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tag/migration-a5b7322d2998bf63.js"],"/components/data-display/tag/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tag/properties-6c5fc7c919ac20b7.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-e52c02be8fae7728.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-ad5405f7d314e9b6.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-224f1f8e2e2bc6da.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-79c588f5183c2402.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-4d16c84e7cfd0983.js"],"/components/data-display/tooltip/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/how-to-use-9c8e7ed6fe68c453.js"],"/components/data-display/tooltip/migration":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/migration-f418c2c4efe41cbe.js"],"/components/data-display/tooltip/properties":[s,n,o,t,"static/chunks/pages/components/data-display/tooltip/properties-68426d1ad2233f93.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-6190c22f328e00bf.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-0730ad8e214f546c.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e5eb2a0a303fd6f0.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-d6575627dbbe6060.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-7c7f9accc755221e.js"],"/components/data-input/checkbox/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/how-to-use-6779c436b3968d2c.js"],"/components/data-input/checkbox/migration":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/migration-1fa3fe6f1f743827.js"],"/components/data-input/checkbox/properties":[s,n,o,t,"static/chunks/pages/components/data-input/checkbox/properties-e6f489ae1a44a49c.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-49bb046b4ceb6364.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-d4a2da3e01b0a60f.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-75378ec463e178e5.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-6b717dcca0672cdd.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-11e1ab5c87ee3077.js"],"/components/data-input/input/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/input/how-to-use-bb4ddd793672d56d.js"],"/components/data-input/input/migration":[s,n,o,t,"static/chunks/pages/components/data-input/input/migration-0b09410667344ba2.js"],"/components/data-input/input/properties":[s,n,o,t,"static/chunks/pages/components/data-input/input/properties-0bbb5e2748829a59.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-3308341385a4e78f.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-6a4c9d063ac7f7d5.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-cb86f66d1b1b12cd.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-e879b14e81d9d753.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-092039cfccb90279.js"],"/components/data-input/radio/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/radio/how-to-use-d9d6bf093078c2f0.js"],"/components/data-input/radio/migration":[s,n,o,t,"static/chunks/pages/components/data-input/radio/migration-64e42c89528a26cb.js"],"/components/data-input/radio/properties":[s,n,o,t,"static/chunks/pages/components/data-input/radio/properties-594272b4b25b35a4.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-fc1718daf82ed529.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-1c632fbfd71ba99f.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-9cdf6a272025bef5.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-5fbb1ddaa951f7d3.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-d45941690e70083a.js"],"/components/data-input/select/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/select/how-to-use-cfa20ff5d8931f06.js"],"/components/data-input/select/migration":[s,n,o,t,"static/chunks/pages/components/data-input/select/migration-e53a9d88889f6d1f.js"],"/components/data-input/select/properties":[s,n,o,t,"static/chunks/pages/components/data-input/select/properties-afa6ce707265894c.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-08ae9720b6f418de.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-f87036e7381679e1.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-cf43be4dc0b75169.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-8e5c1835ae03e2d7.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-f66728deaff5b1cc.js"],"/components/data-input/switch/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/switch/how-to-use-f8235eefd876ef34.js"],"/components/data-input/switch/migration":[s,n,o,t,"static/chunks/pages/components/data-input/switch/migration-2bcb449ecbe4b52a.js"],"/components/data-input/switch/properties":[s,n,o,t,"static/chunks/pages/components/data-input/switch/properties-1ed6c9c12bf1dd47.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-39547e37e02927aa.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-7da4872e168a205d.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-742ee34eb3fe2bd0.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-7df52269c259a537.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-17f4b8043f4d729f.js"],"/components/data-input/textarea/how-to-use":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/how-to-use-59ecb9ee55c0e2fe.js"],"/components/data-input/textarea/migration":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/migration-9cb5111fdace49b0.js"],"/components/data-input/textarea/properties":[s,n,o,t,"static/chunks/pages/components/data-input/textarea/properties-cf5d2215f72e1d62.js"],"/components/divider/docs/Angular":[s,o,t,"static/chunks/pages/components/divider/docs/Angular-6ca83b5bcd7df982.js"],"/components/divider/docs/HTML":[s,o,t,"static/chunks/pages/components/divider/docs/HTML-4b011e0f5050f715.js"],"/components/divider/docs/React":[s,o,t,"static/chunks/pages/components/divider/docs/React-bc764a25184e1ab4.js"],"/components/divider/docs/Vue":[s,o,t,"static/chunks/pages/components/divider/docs/Vue-9b391a1a551263eb.js"],"/components/divider/properties":[s,o,t,"static/chunks/pages/components/divider/properties-75dd2298db57b391.js"],"/components/drawer/docs/Angular":[s,o,t,"static/chunks/pages/components/drawer/docs/Angular-787c8b19360e3380.js"],"/components/drawer/docs/HTML":[s,o,t,"static/chunks/pages/components/drawer/docs/HTML-6e3aa74af5c4cfc1.js"],"/components/drawer/docs/React":[s,o,t,"static/chunks/pages/components/drawer/docs/React-1a302179fa1f886d.js"],"/components/drawer/docs/Vue":[s,o,t,"static/chunks/pages/components/drawer/docs/Vue-69f06054c3ffff69.js"],"/components/drawer/properties":[s,o,t,"static/chunks/pages/components/drawer/properties-23b748584f510f27.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-c15e9acf91b43879.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-d741ee292af628dc.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-cfd85a7d627172f2.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-873ddfd2c5759123.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-11b3c40397042d25.js"],"/components/feedback/badge/how-to-use":[s,n,o,t,"static/chunks/pages/components/feedback/badge/how-to-use-a65a6f3ee9f34456.js"],"/components/feedback/badge/migration":[s,n,o,t,"static/chunks/pages/components/feedback/badge/migration-13e460b8fd2144f8.js"],"/components/feedback/badge/properties":[s,n,o,t,"static/chunks/pages/components/feedback/badge/properties-dd7478a3f280ae89.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-e2e9b4792a67fbf8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-09110cac56c3a6c9.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-e30b397f7534eb91.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-26616727adb0620f.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-b80a5352463cd441.js"],"/components/feedback/notification/how-to-use":[s,n,o,t,"static/chunks/pages/components/feedback/notification/how-to-use-82739e0207f246ed.js"],"/components/feedback/notification/migration":[s,n,o,t,"static/chunks/pages/components/feedback/notification/migration-ffa69f0f55733446.js"],"/components/feedback/notification/properties":[s,n,o,t,"static/chunks/pages/components/feedback/notification/properties-d1c08046de72910f.js"],"/components/header/docs/Angular":[s,o,t,"static/chunks/pages/components/header/docs/Angular-25364b9ab32d1a99.js"],"/components/header/docs/HTML":[s,o,t,"static/chunks/pages/components/header/docs/HTML-342e1ef030bbd729.js"],"/components/header/docs/React":[s,o,t,"static/chunks/pages/components/header/docs/React-be445775516e0a2b.js"],"/components/header/docs/Vue":[s,o,t,"static/chunks/pages/components/header/docs/Vue-20dac665079ac4d8.js"],"/components/header/properties":[s,o,t,"static/chunks/pages/components/header/properties-8475b7743cc64449.js"],"/components/infotext/docs/Angular":[s,o,t,"static/chunks/pages/components/infotext/docs/Angular-8045cd25d1aae285.js"],"/components/infotext/docs/HTML":[s,o,t,"static/chunks/pages/components/infotext/docs/HTML-de1419c4ecdfd8c5.js"],"/components/infotext/docs/React":[s,o,t,"static/chunks/pages/components/infotext/docs/React-a45502df35600b00.js"],"/components/infotext/docs/Vue":[s,o,t,"static/chunks/pages/components/infotext/docs/Vue-6b8b15d4596d48c3.js"],"/components/infotext/properties":[s,o,t,"static/chunks/pages/components/infotext/properties-638cd0f725cb3e8d.js"],"/components/input/docs/Angular":[s,o,t,"static/chunks/pages/components/input/docs/Angular-5d3d2b542463ac05.js"],"/components/input/docs/HTML":[s,o,t,"static/chunks/pages/components/input/docs/HTML-b7c8ecf16cfc6d14.js"],"/components/input/docs/React":[s,o,t,"static/chunks/pages/components/input/docs/React-d1b3f986680f57f9.js"],"/components/input/docs/Vue":[s,o,t,"static/chunks/pages/components/input/docs/Vue-d465425015948636.js"],"/components/input/properties":[s,o,t,"static/chunks/pages/components/input/properties-d6f5d9dc87e4ece1.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-7fd2f6cf24174535.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-f4a61a4ba63f18cb.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-58ccf8ba7ed455f3.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-3ef135a1582a3b7d.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-8ce1da70ba30783a.js"],"/components/layout/card/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/card/how-to-use-c74cfa5ae8693f6c.js"],"/components/layout/card/migration":[s,n,o,t,"static/chunks/pages/components/layout/card/migration-ea648897f0b59929.js"],"/components/layout/card/properties":[s,n,o,t,"static/chunks/pages/components/layout/card/properties-4d1fc3bbe46b7bd4.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-84729584d8367a6c.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-9d8a9a5b06cd0816.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-9594d2a24662a41a.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-1302509eaea902f4.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-a4e919124375cb3b.js"],"/components/layout/divider/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/divider/how-to-use-8b50e87b58aa0867.js"],"/components/layout/divider/migration":[s,n,o,t,"static/chunks/pages/components/layout/divider/migration-491e8ea6405f39a5.js"],"/components/layout/divider/properties":[s,n,o,t,"static/chunks/pages/components/layout/divider/properties-0a89607738f6fbcd.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-05659732a2bd503e.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-0d692d19fb20258b.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-bb87cd1d20618a96.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-a6522240a302f1f0.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-5e7fc62f83bf158c.js"],"/components/layout/drawer/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/drawer/how-to-use-9e0ff160914e7136.js"],"/components/layout/drawer/migration":[s,n,o,t,"static/chunks/pages/components/layout/drawer/migration-3325c36f91f34641.js"],"/components/layout/drawer/properties":[s,n,o,t,"static/chunks/pages/components/layout/drawer/properties-50add1a0b5572076.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-5166b6dd3d6e44a3.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-4af9ae41007eac93.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-ee3c22a2ada81682.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-e5093dc7003862ab.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-2d176a3fd10e7390.js"],"/components/layout/header/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/header/how-to-use-566ee6925b4fb814.js"],"/components/layout/header/migration":[s,n,o,t,"static/chunks/pages/components/layout/header/migration-bf38ee16d8e7b702.js"],"/components/layout/header/properties":[s,n,o,t,"static/chunks/pages/components/layout/header/properties-27e049b150402890.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-d6ae95f9a81e48ad.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-c7bc549859c5b8d6.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-a5c8cbbc1f0a5783.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-5c5fe11fd2ff9926.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-d403e42784c70f4f.js"],"/components/layout/section/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/section/how-to-use-707825ecc62a831c.js"],"/components/layout/section/migration":[s,n,o,t,"static/chunks/pages/components/layout/section/migration-1cb0dae24ea694f4.js"],"/components/layout/section/properties":[s,n,o,t,"static/chunks/pages/components/layout/section/properties-6daeb2b6f3e20956.js"],"/components/layout/stack/docs/Angular":["static/chunks/pages/components/layout/stack/docs/Angular-c66939175b82d379.js"],"/components/layout/stack/docs/HTML":["static/chunks/pages/components/layout/stack/docs/HTML-845e71bd428ed38b.js"],"/components/layout/stack/docs/Migration":["static/chunks/pages/components/layout/stack/docs/Migration-6ef9214b54874a04.js"],"/components/layout/stack/docs/React":["static/chunks/pages/components/layout/stack/docs/React-8f2f5d00500eb40a.js"],"/components/layout/stack/docs/Vue":["static/chunks/pages/components/layout/stack/docs/Vue-0cb2b470e277b55d.js"],"/components/layout/stack/how-to-use":[s,n,o,t,"static/chunks/pages/components/layout/stack/how-to-use-7d2fcd3d8b821c38.js"],"/components/layout/stack/migration":[s,n,o,t,"static/chunks/pages/components/layout/stack/migration-153606e7bc508a78.js"],"/components/layout/stack/properties":[s,n,o,t,"static/chunks/pages/components/layout/stack/properties-dc176dc8d1566684.js"],"/components/link/docs/Angular":[s,o,t,"static/chunks/pages/components/link/docs/Angular-c34994dad64236d3.js"],"/components/link/docs/HTML":[s,o,t,"static/chunks/pages/components/link/docs/HTML-6300e0bdc714e55b.js"],"/components/link/docs/React":[s,o,t,"static/chunks/pages/components/link/docs/React-3c983637d7c570a8.js"],"/components/link/docs/Vue":[s,o,t,"static/chunks/pages/components/link/docs/Vue-df41a10e9224a16a.js"],"/components/link/properties":[s,o,t,"static/chunks/pages/components/link/properties-f69915f0e0e43fa0.js"],"/components/navigation/docs/Angular":[s,o,t,"static/chunks/pages/components/navigation/docs/Angular-6e0b282e4a93ef44.js"],"/components/navigation/docs/HTML":[s,o,t,"static/chunks/pages/components/navigation/docs/HTML-19721002fef3eae3.js"],"/components/navigation/docs/React":[s,o,t,"static/chunks/pages/components/navigation/docs/React-aa78b8d797914737.js"],"/components/navigation/docs/Vue":[s,o,t,"static/chunks/pages/components/navigation/docs/Vue-f1c446d83df6ca49.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-f6c46a3d468ba715.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-704ac231c0c77bea.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-e9bc8d53e2f89489.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-0ec115649a5c7910.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-9033ff1a1713ebc0.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-4e3d4477f1c1e5aa.js"],"/components/navigation/navigation/how-to-use":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/how-to-use-37038937699c3d53.js"],"/components/navigation/navigation/migration":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/migration-eb6121b7ae57f057.js"],"/components/navigation/navigation/properties":[s,n,o,t,"static/chunks/pages/components/navigation/navigation/properties-a49f26aec59d8393.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-49523621f73c2a2e.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-569a613ca7e6481c.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-72897bcc26a4fa3d.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-534a6d1a9b65cb3e.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c2725bc9586def96.js"],"/components/navigation/navigation-item/how-to-use":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/how-to-use-628d61e85f32b22e.js"],"/components/navigation/navigation-item/migration":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/migration-3c2d6ec680683d47.js"],"/components/navigation/navigation-item/properties":[s,n,o,t,"static/chunks/pages/components/navigation/navigation-item/properties-b0e1f8111b9391e2.js"],"/components/navigation/properties":[s,o,t,"static/chunks/pages/components/navigation/properties-5bba52e2fa786908.js"],"/components/navigation-item/docs/Angular":[s,o,t,"static/chunks/pages/components/navigation-item/docs/Angular-201e71271b450ec9.js"],"/components/navigation-item/docs/HTML":[s,o,t,"static/chunks/pages/components/navigation-item/docs/HTML-250c6720aa4f749f.js"],"/components/navigation-item/docs/React":[s,o,t,"static/chunks/pages/components/navigation-item/docs/React-d5ca9eeaf35db79d.js"],"/components/navigation-item/docs/Vue":[s,o,t,"static/chunks/pages/components/navigation-item/docs/Vue-7f2c6ffe4608fbfc.js"],"/components/navigation-item/properties":[s,o,t,"static/chunks/pages/components/navigation-item/properties-fbd44f6fd701d711.js"],"/components/notification/docs/Angular":[s,o,t,"static/chunks/pages/components/notification/docs/Angular-6227ec5de1641795.js"],"/components/notification/docs/HTML":[s,o,t,"static/chunks/pages/components/notification/docs/HTML-8ab20821287a0ebc.js"],"/components/notification/docs/React":[s,o,t,"static/chunks/pages/components/notification/docs/React-869a6e51e2c936bd.js"],"/components/notification/docs/Vue":[s,o,t,"static/chunks/pages/components/notification/docs/Vue-56e871f596466609.js"],"/components/notification/properties":[s,o,t,"static/chunks/pages/components/notification/properties-71919076ab0f0b9b.js"],"/components/popover/docs/Angular":[s,o,t,"static/chunks/pages/components/popover/docs/Angular-be64cc64fbf62f26.js"],"/components/popover/docs/HTML":[s,o,t,"static/chunks/pages/components/popover/docs/HTML-63d0fde129ae24ff.js"],"/components/popover/docs/React":[s,o,t,"static/chunks/pages/components/popover/docs/React-64bc766284514782.js"],"/components/popover/docs/Vue":[s,o,t,"static/chunks/pages/components/popover/docs/Vue-0fe91496c2bc97af.js"],"/components/popover/properties":[s,o,t,"static/chunks/pages/components/popover/properties-a50d4cf1d6e1211b.js"],"/components/radio/docs/Angular":[s,o,t,"static/chunks/pages/components/radio/docs/Angular-c5d1f4723814f4a8.js"],"/components/radio/docs/HTML":[s,o,t,"static/chunks/pages/components/radio/docs/HTML-a3c3ca66d0c1a76c.js"],"/components/radio/docs/React":[s,o,t,"static/chunks/pages/components/radio/docs/React-08e47022b72f5320.js"],"/components/radio/docs/Vue":[s,o,t,"static/chunks/pages/components/radio/docs/Vue-9b13ea91e745bc81.js"],"/components/radio/properties":[s,o,t,"static/chunks/pages/components/radio/properties-ff67072715dff882.js"],"/components/readme":[s,n,o,t,"static/chunks/pages/components/readme-8d7ef648a63be38a.js"],"/components/router-usage":[s,n,o,t,"static/chunks/pages/components/router-usage-29729b9f00fc2bcc.js"],"/components/section/docs/Angular":[s,o,t,"static/chunks/pages/components/section/docs/Angular-a63ac7b52775c753.js"],"/components/section/docs/HTML":[s,o,t,"static/chunks/pages/components/section/docs/HTML-ce7958bea762ba7b.js"],"/components/section/docs/React":[s,o,t,"static/chunks/pages/components/section/docs/React-174bfeaa3b774ddc.js"],"/components/section/docs/Vue":[s,o,t,"static/chunks/pages/components/section/docs/Vue-8fdf0b6736c610c1.js"],"/components/section/properties":[s,o,t,"static/chunks/pages/components/section/properties-a0e21bc8bd6747df.js"],"/components/select/docs/Angular":[s,o,t,"static/chunks/pages/components/select/docs/Angular-76c130428d545ff6.js"],"/components/select/docs/HTML":[s,o,t,"static/chunks/pages/components/select/docs/HTML-3f4d8195eeff82fe.js"],"/components/select/docs/React":[s,o,t,"static/chunks/pages/components/select/docs/React-4f5f3b6d82e90861.js"],"/components/select/docs/Vue":[s,o,t,"static/chunks/pages/components/select/docs/Vue-34464f5493fd45a5.js"],"/components/select/properties":[s,o,t,"static/chunks/pages/components/select/properties-010cc8a45a6963f1.js"],"/components/stack/docs/Angular":[s,o,t,"static/chunks/pages/components/stack/docs/Angular-cfdc05fcbfeb690b.js"],"/components/stack/docs/HTML":[s,o,t,"static/chunks/pages/components/stack/docs/HTML-ccc5a07601868cbb.js"],"/components/stack/docs/React":[s,o,t,"static/chunks/pages/components/stack/docs/React-40a114ae34bfc737.js"],"/components/stack/docs/Vue":[s,o,t,"static/chunks/pages/components/stack/docs/Vue-1fac27ddcf8cfd52.js"],"/components/stack/properties":[s,o,t,"static/chunks/pages/components/stack/properties-3b9cc70f2ce861be.js"],"/components/switch/docs/Angular":[s,o,t,"static/chunks/pages/components/switch/docs/Angular-d62e9d26bc45978b.js"],"/components/switch/docs/HTML":[s,o,t,"static/chunks/pages/components/switch/docs/HTML-9a2d0ed67bee37a2.js"],"/components/switch/docs/React":[s,o,t,"static/chunks/pages/components/switch/docs/React-b063f05d178e2964.js"],"/components/switch/docs/Vue":[s,o,t,"static/chunks/pages/components/switch/docs/Vue-16607413d6f039b0.js"],"/components/switch/properties":[s,o,t,"static/chunks/pages/components/switch/properties-701c6b43be2e3da8.js"],"/components/tab-item/docs/Angular":[s,o,t,"static/chunks/pages/components/tab-item/docs/Angular-26098153cd81148e.js"],"/components/tab-item/docs/HTML":[s,o,t,"static/chunks/pages/components/tab-item/docs/HTML-b0ba1045f87b0f34.js"],"/components/tab-item/docs/React":[s,o,t,"static/chunks/pages/components/tab-item/docs/React-695ad17582997f8f.js"],"/components/tab-item/docs/Vue":[s,o,t,"static/chunks/pages/components/tab-item/docs/Vue-e6641ff11efc6c28.js"],"/components/tab-item/properties":[s,o,t,"static/chunks/pages/components/tab-item/properties-49d0a2445faf7368.js"],"/components/tabs/docs/Angular":[s,o,t,"static/chunks/pages/components/tabs/docs/Angular-b51d085704946338.js"],"/components/tabs/docs/HTML":[s,o,t,"static/chunks/pages/components/tabs/docs/HTML-f40dba74ec3587b5.js"],"/components/tabs/docs/React":[s,o,t,"static/chunks/pages/components/tabs/docs/React-e4d3795708451955.js"],"/components/tabs/docs/Vue":[s,o,t,"static/chunks/pages/components/tabs/docs/Vue-85aa35b4e3110fa7.js"],"/components/tabs/properties":[s,o,t,"static/chunks/pages/components/tabs/properties-eca9d914d377b5ae.js"],"/components/tag/docs/Angular":[s,o,t,"static/chunks/pages/components/tag/docs/Angular-a28053b7d964ea6f.js"],"/components/tag/docs/HTML":[s,o,t,"static/chunks/pages/components/tag/docs/HTML-b69750dd13ebfa11.js"],"/components/tag/docs/React":[s,o,t,"static/chunks/pages/components/tag/docs/React-b9d0c0194b9be4aa.js"],"/components/tag/docs/Vue":[s,o,t,"static/chunks/pages/components/tag/docs/Vue-1d39abd529a08be5.js"],"/components/tag/properties":[s,o,t,"static/chunks/pages/components/tag/properties-0a73b979b3e2dbd5.js"],"/components/textarea/docs/Angular":[s,o,t,"static/chunks/pages/components/textarea/docs/Angular-b077cd1f71737cb6.js"],"/components/textarea/docs/HTML":[s,o,t,"static/chunks/pages/components/textarea/docs/HTML-80b5f47c1bc3b2d2.js"],"/components/textarea/docs/React":[s,o,t,"static/chunks/pages/components/textarea/docs/React-a573b764dd17c8d4.js"],"/components/textarea/docs/Vue":[s,o,t,"static/chunks/pages/components/textarea/docs/Vue-7c622a2947ac4a9d.js"],"/components/textarea/properties":[s,o,t,"static/chunks/pages/components/textarea/properties-6b7c5c426ffb81d5.js"],"/components/tooltip/docs/Angular":[s,o,t,"static/chunks/pages/components/tooltip/docs/Angular-da1c380480619235.js"],"/components/tooltip/docs/HTML":[s,o,t,"static/chunks/pages/components/tooltip/docs/HTML-5c051e2e41da5b9a.js"],"/components/tooltip/docs/React":[s,o,t,"static/chunks/pages/components/tooltip/docs/React-50f31d67af4e1c7a.js"],"/components/tooltip/docs/Vue":[s,o,t,"static/chunks/pages/components/tooltip/docs/Vue-912fd97fbe6f462d.js"],"/components/tooltip/properties":[s,o,t,"static/chunks/pages/components/tooltip/properties-670b5b68fe34684b.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-b8ce565a06cffbe5.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-066f4c7229ec3320.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-fd424e36426845ad.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-15a3c8f91ba01d26.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-c07ea291a71a8f49.js"],"/components/utilities/popover/how-to-use":[s,n,o,t,"static/chunks/pages/components/utilities/popover/how-to-use-66f004c007763b3e.js"],"/components/utilities/popover/migration":[s,n,o,t,"static/chunks/pages/components/utilities/popover/migration-a38eeca57dcf8472.js"],"/components/utilities/popover/properties":[s,n,o,t,"static/chunks/pages/components/utilities/popover/properties-61b9401c0dce0104.js"],"/components/validation":[s,n,o,t,"static/chunks/pages/components/validation-e7f8d44f526f1039.js"],"/components/[[...slug]]":[s,n,o,t,a,"static/chunks/pages/components/[[...slug]]-667a35506fe5618f.js"],"/foundations":[s,n,o,t,a,"static/chunks/pages/foundations-74c2feac0c67bcb4.js"],"/foundations/colors":[s,n,o,t,a,"static/chunks/pages/foundations/colors-c58251f34b9f302a.js"],"/foundations/colors/color-classes":[s,n,o,t,"static/chunks/pages/foundations/colors/color-classes-c2d6eca41d4f6baa.js"],"/foundations/colors/color-schemes":[s,n,o,t,"static/chunks/pages/foundations/colors/color-schemes-c478cdd2bed3d75d.js"],"/foundations/colors/color-usage-guide":[s,n,"static/chunks/5486-fea82cd636d300f8.js",o,t,"static/chunks/pages/foundations/colors/color-usage-guide-9dd2bffe5dbf17bb.js"],"/foundations/colors/readme":[s,n,o,t,"static/chunks/pages/foundations/colors/readme-41c0b61802e31c67.js"],"/foundations/densities":[s,n,o,t,a,"static/chunks/pages/foundations/densities-f1f7da4c7ef0f706.js"],"/foundations/densities/examples":[s,n,o,t,"static/chunks/pages/foundations/densities/examples-b715238bf43ff3e1.js"],"/foundations/densities/readme":[s,n,o,t,"static/chunks/pages/foundations/densities/readme-e705f11a02d83d57.js"],"/foundations/font-sizes":[s,n,o,t,a,"static/chunks/pages/foundations/font-sizes-879861202acc3c58.js"],"/foundations/font-sizes/overview":[s,n,o,t,"static/chunks/pages/foundations/font-sizes/overview-7e68006cf5f1b963.js"],"/foundations/font-sizes/readme":[s,n,o,t,"static/chunks/pages/foundations/font-sizes/readme-c08de2b2eefd630c.js"],"/foundations/icons":[s,n,o,t,a,"static/chunks/pages/foundations/icons-c3f2224d51f4b833.js"],"/foundations/icons/custom-icons":[s,n,o,t,"static/chunks/pages/foundations/icons/custom-icons-a0486ede157f9a5a.js"],"/foundations/icons/overview":[s,n,o,t,"static/chunks/pages/foundations/icons/overview-df72fabeca880927.js"],"/foundations/icons/readme":[s,n,o,t,"static/chunks/pages/foundations/icons/readme-dcbf0f998a78a9e5.js"],"/foundations/ide":[s,n,o,t,"static/chunks/pages/foundations/ide-e9d016e54381f675.js"],"/foundations/performance":[s,n,o,t,"static/chunks/pages/foundations/performance-9a93c981475dd5bf.js"],"/foundations/readme":[s,n,o,t,"static/chunks/pages/foundations/readme-576035699a8f59fd.js"],"/foundations/test-table":[s,n,o,t,"static/chunks/pages/foundations/test-table-221ad93a97b87a8a.js"],"/foundations/variables":[s,n,o,t,a,"static/chunks/pages/foundations/variables-d06bfc6be4c529dd.js"],"/foundations/variables/examples":[s,n,o,t,"static/chunks/pages/foundations/variables/examples-c3b991d451476e45.js"],"/foundations/variables/readme":[s,n,o,t,"static/chunks/pages/foundations/variables/readme-137c2b7e9545de9e.js"],"/iframe":[p,o,"static/chunks/pages/iframe-1e9fc9d7ca486d31.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/properties","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/properties","/components/action/button/docs/Angular","/components/action/button/docs/HTML","/components/action/button/docs/Migration","/components/action/button/docs/React","/components/action/button/docs/Vue","/components/action/button/how-to-use","/components/action/button/migration","/components/action/button/properties","/components/action/link/docs/Angular","/components/action/link/docs/HTML","/components/action/link/docs/Migration","/components/action/link/docs/React","/components/action/link/docs/Vue","/components/action/link/how-to-use","/components/action/link/migration","/components/action/link/properties","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/properties","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/React","/components/button/docs/Vue","/components/button/properties","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/React","/components/card/docs/Vue","/components/card/properties","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/properties","/components/data-display/accordion/docs/Angular","/components/data-display/accordion/docs/HTML","/components/data-display/accordion/docs/Migration","/components/data-display/accordion/docs/React","/components/data-display/accordion/docs/Vue","/components/data-display/accordion/how-to-use","/components/data-display/accordion/migration","/components/data-display/accordion/properties","/components/data-display/accordion-item/docs/Angular","/components/data-display/accordion-item/docs/HTML","/components/data-display/accordion-item/docs/Migration","/components/data-display/accordion-item/docs/React","/components/data-display/accordion-item/docs/Vue","/components/data-display/accordion-item/how-to-use","/components/data-display/accordion-item/migration","/components/data-display/accordion-item/properties","/components/data-display/brand/docs/Angular","/components/data-display/brand/docs/HTML","/components/data-display/brand/docs/Migration","/components/data-display/brand/docs/React","/components/data-display/brand/docs/Vue","/components/data-display/brand/how-to-use","/components/data-display/brand/migration","/components/data-display/brand/properties","/components/data-display/infotext/docs/Angular","/components/data-display/infotext/docs/HTML","/components/data-display/infotext/docs/Migration","/components/data-display/infotext/docs/React","/components/data-display/infotext/docs/Vue","/components/data-display/infotext/how-to-use","/components/data-display/infotext/migration","/components/data-display/infotext/properties","/components/data-display/tab-item/docs/Angular","/components/data-display/tab-item/docs/HTML","/components/data-display/tab-item/docs/Migration","/components/data-display/tab-item/docs/React","/components/data-display/tab-item/docs/Vue","/components/data-display/tab-item/how-to-use","/components/data-display/tab-item/migration","/components/data-display/tab-item/properties","/components/data-display/tabs/docs/Angular","/components/data-display/tabs/docs/HTML","/components/data-display/tabs/docs/Migration","/components/data-display/tabs/docs/React","/components/data-display/tabs/docs/Vue","/components/data-display/tabs/how-to-use","/components/data-display/tabs/migration","/components/data-display/tabs/properties","/components/data-display/tag/docs/Angular","/components/data-display/tag/docs/HTML","/components/data-display/tag/docs/Migration","/components/data-display/tag/docs/React","/components/data-display/tag/docs/Vue","/components/data-display/tag/how-to-use","/components/data-display/tag/migration","/components/data-display/tag/properties","/components/data-display/tooltip/docs/Angular","/components/data-display/tooltip/docs/HTML","/components/data-display/tooltip/docs/Migration","/components/data-display/tooltip/docs/React","/components/data-display/tooltip/docs/Vue","/components/data-display/tooltip/how-to-use","/components/data-display/tooltip/migration","/components/data-display/tooltip/properties","/components/data-input/checkbox/docs/Angular","/components/data-input/checkbox/docs/HTML","/components/data-input/checkbox/docs/Migration","/components/data-input/checkbox/docs/React","/components/data-input/checkbox/docs/Vue","/components/data-input/checkbox/how-to-use","/components/data-input/checkbox/migration","/components/data-input/checkbox/properties","/components/data-input/input/docs/Angular","/components/data-input/input/docs/HTML","/components/data-input/input/docs/Migration","/components/data-input/input/docs/React","/components/data-input/input/docs/Vue","/components/data-input/input/how-to-use","/components/data-input/input/migration","/components/data-input/input/properties","/components/data-input/radio/docs/Angular","/components/data-input/radio/docs/HTML","/components/data-input/radio/docs/Migration","/components/data-input/radio/docs/React","/components/data-input/radio/docs/Vue","/components/data-input/radio/how-to-use","/components/data-input/radio/migration","/components/data-input/radio/properties","/components/data-input/select/docs/Angular","/components/data-input/select/docs/HTML","/components/data-input/select/docs/Migration","/components/data-input/select/docs/React","/components/data-input/select/docs/Vue","/components/data-input/select/how-to-use","/components/data-input/select/migration","/components/data-input/select/properties","/components/data-input/switch/docs/Angular","/components/data-input/switch/docs/HTML","/components/data-input/switch/docs/Migration","/components/data-input/switch/docs/React","/components/data-input/switch/docs/Vue","/components/data-input/switch/how-to-use","/components/data-input/switch/migration","/components/data-input/switch/properties","/components/data-input/textarea/docs/Angular","/components/data-input/textarea/docs/HTML","/components/data-input/textarea/docs/Migration","/components/data-input/textarea/docs/React","/components/data-input/textarea/docs/Vue","/components/data-input/textarea/how-to-use","/components/data-input/textarea/migration","/components/data-input/textarea/properties","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/properties","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/properties","/components/feedback/badge/docs/Angular","/components/feedback/badge/docs/HTML","/components/feedback/badge/docs/Migration","/components/feedback/badge/docs/React","/components/feedback/badge/docs/Vue","/components/feedback/badge/how-to-use","/components/feedback/badge/migration","/components/feedback/badge/properties","/components/feedback/notification/docs/Angular","/components/feedback/notification/docs/HTML","/components/feedback/notification/docs/Migration","/components/feedback/notification/docs/React","/components/feedback/notification/docs/Vue","/components/feedback/notification/how-to-use","/components/feedback/notification/migration","/components/feedback/notification/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/properties","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/properties","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/properties","/components/layout/card/docs/Angular","/components/layout/card/docs/HTML","/components/layout/card/docs/Migration","/components/layout/card/docs/React","/components/layout/card/docs/Vue","/components/layout/card/how-to-use","/components/layout/card/migration","/components/layout/card/properties","/components/layout/divider/docs/Angular","/components/layout/divider/docs/HTML","/components/layout/divider/docs/Migration","/components/layout/divider/docs/React","/components/layout/divider/docs/Vue","/components/layout/divider/how-to-use","/components/layout/divider/migration","/components/layout/divider/properties","/components/layout/drawer/docs/Angular","/components/layout/drawer/docs/HTML","/components/layout/drawer/docs/Migration","/components/layout/drawer/docs/React","/components/layout/drawer/docs/Vue","/components/layout/drawer/how-to-use","/components/layout/drawer/migration","/components/layout/drawer/properties","/components/layout/header/docs/Angular","/components/layout/header/docs/HTML","/components/layout/header/docs/Migration","/components/layout/header/docs/React","/components/layout/header/docs/Vue","/components/layout/header/how-to-use","/components/layout/header/migration","/components/layout/header/properties","/components/layout/section/docs/Angular","/components/layout/section/docs/HTML","/components/layout/section/docs/Migration","/components/layout/section/docs/React","/components/layout/section/docs/Vue","/components/layout/section/how-to-use","/components/layout/section/migration","/components/layout/section/properties","/components/layout/stack/docs/Angular","/components/layout/stack/docs/HTML","/components/layout/stack/docs/Migration","/components/layout/stack/docs/React","/components/layout/stack/docs/Vue","/components/layout/stack/how-to-use","/components/layout/stack/migration","/components/layout/stack/properties","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/properties","/components/navigation/docs/Angular","/components/navigation/docs/HTML","/components/navigation/docs/React","/components/navigation/docs/Vue","/components/navigation/navigation/docs/Accessibility","/components/navigation/navigation/docs/Angular","/components/navigation/navigation/docs/HTML","/components/navigation/navigation/docs/Migration","/components/navigation/navigation/docs/React","/components/navigation/navigation/docs/Vue","/components/navigation/navigation/how-to-use","/components/navigation/navigation/migration","/components/navigation/navigation/properties","/components/navigation/navigation-item/docs/Angular","/components/navigation/navigation-item/docs/HTML","/components/navigation/navigation-item/docs/Migration","/components/navigation/navigation-item/docs/React","/components/navigation/navigation-item/docs/Vue","/components/navigation/navigation-item/how-to-use","/components/navigation/navigation-item/migration","/components/navigation/navigation-item/properties","/components/navigation/properties","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/properties","/components/notification/docs/Angular","/components/notification/docs/HTML","/components/notification/docs/React","/components/notification/docs/Vue","/components/notification/properties","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/properties","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/properties","/components/readme","/components/router-usage","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/React","/components/section/docs/Vue","/components/section/properties","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/React","/components/select/docs/Vue","/components/select/properties","/components/stack/docs/Angular","/components/stack/docs/HTML","/components/stack/docs/React","/components/stack/docs/Vue","/components/stack/properties","/components/switch/docs/Angular","/components/switch/docs/HTML","/components/switch/docs/React","/components/switch/docs/Vue","/components/switch/properties","/components/tab-item/docs/Angular","/components/tab-item/docs/HTML","/components/tab-item/docs/React","/components/tab-item/docs/Vue","/components/tab-item/properties","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/properties","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/properties","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/properties","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/properties","/components/utilities/popover/docs/Angular","/components/utilities/popover/docs/HTML","/components/utilities/popover/docs/Migration","/components/utilities/popover/docs/React","/components/utilities/popover/docs/Vue","/components/utilities/popover/how-to-use","/components/utilities/popover/migration","/components/utilities/popover/properties","/components/validation","/components/[[...slug]]","/foundations","/foundations/colors","/foundations/colors/color-classes","/foundations/colors/color-schemes","/foundations/colors/color-usage-guide","/foundations/colors/readme","/foundations/densities","/foundations/densities/examples","/foundations/densities/readme","/foundations/font-sizes","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/ide","/foundations/performance","/foundations/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/1446-59ef5508b3afce0f.js","static/chunks/3578-e443004a7971fa82.js","static/chunks/5958-41cacf1645e62ff7.js","static/chunks/8250-6dcc2f396254909a.js","static/chunks/2124-de662102512ab1e0.js",0,0,NaN,"static/chunks/1048-3eaf0a942fe12a1a.js","static/chunks/148-be5a07d7f12030ed.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/feat-whitelabel/_next/static/iCZJURzVWujI9rdntcWDX/_ssgManifest.js b/review/feat-whitelabel/_next/static/T_bFESEQRZHMJMtKQfftD/_ssgManifest.js similarity index 100% rename from review/feat-whitelabel/_next/static/iCZJURzVWujI9rdntcWDX/_ssgManifest.js rename to review/feat-whitelabel/_next/static/T_bFESEQRZHMJMtKQfftD/_ssgManifest.js diff --git a/review/feat-whitelabel/_next/static/chunks/5958-a61b93aa87e0707f.js b/review/feat-whitelabel/_next/static/chunks/5958-41cacf1645e62ff7.js similarity index 55% rename from review/feat-whitelabel/_next/static/chunks/5958-a61b93aa87e0707f.js rename to review/feat-whitelabel/_next/static/chunks/5958-41cacf1645e62ff7.js index cbcb297cf37..43eccc59e90 100644 --- a/review/feat-whitelabel/_next/static/chunks/5958-a61b93aa87e0707f.js +++ b/review/feat-whitelabel/_next/static/chunks/5958-41cacf1645e62ff7.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5958],{85958:(n,e,a)=>{a.d(e,{bw:()=>t4,ll:()=>t5,sr:()=>ie,g9:()=>t6,Oj:()=>t9,Pb:()=>t7});var t,i={};a.r(i),a.d(i,{Density:()=>eh,Disabled:()=>ep,NoText:()=>em,ShowIcon:()=>eg,Size:()=>ex,Variant:()=>eu,Width:()=>ev});var o={};a.r(o),a.d(o,{Content:()=>eT,Density:()=>eD,Disabled:()=>eB,ShowIcon:()=>eA,Size:()=>ef,Variant:()=>ej});var l={};a.r(l),a.d(l,{Behaviour:()=>ey,Density:()=>ek,Variant:()=>ew});var s={};a.r(s),a.d(s,{ContentStates:()=>eI,Density:()=>eC,InteractionStates:()=>eN});var r={};a.r(r),a.d(r,{Density:()=>eL,Variants:()=>e_});var c={};a.r(c),a.d(c,{Animations:()=>eE,Density:()=>eH,Emphasis:()=>eP,Placement:()=>eO,Variant:()=>eS,Width:()=>eR});var d={};a.r(d),a.d(d,{Density:()=>eF,Semantic:()=>eM,ShowIcon:()=>ez,Size:()=>eV});var b={};a.r(b),a.d(b,{Behaviour:()=>eJ,Content:()=>eY,Density:()=>eW,Emphasis:()=>eU,Example:()=>eK,Overflow:()=>e$,Semantic:()=>eq,State:()=>eG});var h={};a.r(h),a.d(h,{Density:()=>eQ,Examples:()=>e1,Orientation:()=>eX,Overflow:()=>e0,Width:()=>eZ});var u={};a.r(u),a.d(u,{Behaviour:()=>e4,Content:()=>e5,ContentAlignmentFullWidth:()=>e8,Density:()=>e2,States:()=>e3});var p={};a.r(p),a.d(p,{Checked:()=>e9,Density:()=>e6,Disabled:()=>e7,Example:()=>ao,Indeterminate:()=>an,Required:()=>at,ShowLabel:()=>ai,Size:()=>aa,Validation:()=>ae});var x={};a.r(x),a.d(x,{Content:()=>ax,Density:()=>al,Disabled:()=>ab,ExampleFloatingLabel:()=>am,ExampleTypes:()=>ag,ExampleTypesFloatingLabel:()=>av,Readonly:()=>ah,Required:()=>ap,ShowLabel:()=>ar,ShowMessage:()=>ac,State:()=>ad,Validation:()=>au,Variant:()=>as});var g={};a.r(g),a.d(g,{Checked:()=>aB,Density:()=>aD,Disabled:()=>aj,Required:()=>aA,ShowLabel:()=>ak,Size:()=>aT,Validation:()=>af});var m={};a.r(m),a.d(m,{Content:()=>aH,Density:()=>aw,Disabled:()=>a_,ExamplesFloatingLabel:()=>aP,Required:()=>aS,ShowLabel:()=>aC,ShowMessage:()=>aN,State:()=>aI,Validation:()=>aL,Variant:()=>ay});var v={};a.r(v),a.d(v,{Checked:()=>aR,Density:()=>aO,Disabled:()=>aE,Emphasis:()=>aF,Examples:()=>aU,Required:()=>aW,ShowLabel:()=>az,Size:()=>aV,VisualAid:()=>aM});var D={};a.r(D),a.d(D,{Density:()=>aq,Disabled:()=>aK,ExamplesFloatingLabel:()=>a1,Readonly:()=>aQ,Required:()=>aZ,Rows:()=>a0,ShowLabel:()=>aG,ShowMessage:()=>aY,State:()=>a$,Validation:()=>aX,Variant:()=>aJ});var j={};a.r(j),a.d(j,{Closeable:()=>a4,Density:()=>a2,ExamplesVariantDocked:()=>te,ExamplesVariantOverlay:()=>tt,ExamplesVariantStandalone:()=>ta,LinkVariant:()=>a7,Semantic:()=>a5,ShowHeadline:()=>a9,ShowIcon:()=>a6,ShowTimestamp:()=>tn,Variant:()=>a3,Visual:()=>a8});var B={};a.r(B),a.d(B,{Content:()=>tr,Density:()=>ti,Emphasis:()=>to,Examples:()=>td,Placement:()=>tc,Semantic:()=>tl,Size:()=>ts});var f={};a.r(f),a.d(f,{Behaviour:()=>tp,Density:()=>tb,ElevationLevel:()=>th,Example:()=>tx,Spacing:()=>tu});var T={};a.r(T),a.d(T,{Density:()=>tg,Emphasis:()=>tv,Variant:()=>tm});var A={};a.r(A),a.d(A,{Backdrop:()=>tT,Density:()=>tD,Direction:()=>tA,Example:()=>tk,Rounded:()=>tB,Size:()=>tj,Spacing:()=>tf});var k={};a.r(k),a.d(k,{Behaviour:()=>tC,Density:()=>tw,Examples:()=>tN,Width:()=>ty});var w={};a.r(w),a.d(w,{Density:()=>tI,Spacing:()=>t_,Width:()=>tL});var y={};a.r(y),a.d(y,{Density:()=>tH});var C={};a.r(C),a.d(C,{Content:()=>tO,Density:()=>tS,InteractionStates:()=>tP,Width:()=>tR});var N={};a.r(N),a.d(N,{Animations:()=>tz,Density:()=>tE,Gap:()=>tV,Placement:()=>tM,Spacing:()=>tF,Width:()=>tW});var I={};a.r(I),a.d(I,{AlignmentColumn:()=>t$,AlignmentRow:()=>tK,Density:()=>tU,Direction:()=>tG,Gap:()=>tJ,JustifyContentColumn:()=>tQ,JustifyContentRow:()=>tX,Variant:()=>tq,Wrap:()=>tY});var L=a(31085),_=a(95374),H=a(14041),S=a(64286),P=a(40956),O=a(13210),R=a(51034),E=a(42305);let F=()=>{let n=(0,E.useRouter)(),e=(0,E.usePathname)(),[a,t]=[(0,E.useSearchParams)()];return[a,a=>{if("undefined"!=typeof globalThis){let n=new URLSearchParams(globalThis.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(a);if(e.sort(),n.toString()===e.toString())return}t?t(a):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(a).toString())))}]},M=function(){var n,e;let a=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,i]=F(),[o,l]=(0,H.useState)(null!==(n=t.get(R.HI))&&void 0!==n?n:R.fY.REGULAR),[s,r]=(0,H.useState)(null!==(e=t.get(R.wr))&&void 0!==e?e:R.o$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,H.useState)(void 0),[b,h]=(0,H.useState)(!1),[u,p]=(0,H.useState)(!1);return(0,H.useEffect)(()=>{for(let[n,e]of Array.from(t.entries()))e&&(n===R.HI&&o!==e&&l(e),n===R.wr&&s!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&h(!!e));p(!0)},[t]),(0,H.useEffect)(()=>{if(u){let n={density:o,color:s};c&&(n.page=c),b&&(n.fullscreen=!0),a&&i(n)}},[s,o,c,b,u]),[o,l,s,r,c,b]};var V=a(39907);let z=null==V||null===(t=V.env)||void 0===t,W=n=>{let{name:e,examples:a,color:t,role:i,SlotCode:o}=n,l=(0,H.useCallback)(()=>(null==t?void 0:t.includes("3"))?"3":(null==t?void 0:t.includes("2"))?"2":"1",[t]),[s,r]=(0,H.useState)(),c=a.filter(n=>z||!n.experimental);return(0,L.jsxs)(S.A,{className:"variants-card db-code-docs",elevationLevel:l(),children:[(0,L.jsx)("div",{role:i,"aria-label":i?e:void 0,className:"variants-list",children:c.map((n,e)=>(0,L.jsx)("div",{style:n.style,className:n.className,"data-density":n.density,children:n.example},"".concat(n.name,"-").concat(e)))}),o&&(0,L.jsxs)("details",{className:"code-details",onToggle:()=>{r(!s)},children:[(0,L.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,L.jsxs)("div",{"data-density":"functional",children:[(0,L.jsx)("div",{className:"backdrop"}),(0,L.jsx)(S.A,{className:"code",spacing:"small",children:(0,L.jsx)(o,{})})]})]})]})},U=n=>{let{title:e,variants:a,subComponent:t,isSubComponent:i,componentName:o}=n,l=M(z)[4],s=M(z)[2],r=n=>{if("undefined"!=typeof globalThis){var e,a,t,i;let o=new URLSearchParams(null===(a=globalThis)||void 0===a?void 0:null===(e=a.location)||void 0===e?void 0:e.href.split("?")[1]);return o.set("page",n.toLowerCase()),"".concat(null===(i=globalThis)||void 0===i?void 0:null===(t=i.location)||void 0===t?void 0:t.href.split("?")[0],"?").concat(o.toString())}return""},c=(n,e)=>{var a;if("undefined"==typeof globalThis||!globalThis.location.origin||!globalThis.location.href)return;let t=globalThis.location.href.split("?"),i=t[0],l=new URLSearchParams(null!==(a=t[1])&&void 0!==a?a:"");l.set("page",e.toLowerCase());let s=o?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(o,"/overview")),"?").concat(l.toString()):"".concat(t[0],"?").concat(l.toString());window.open(s,"_blank")};if(l){let n=a.find(n=>n.name.toLowerCase()===l);if(n)return(0,L.jsx)(W,{...n,color:s})}return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"default-container",children:[(0,L.jsx)(i?"h2":"h1",{children:e}),null==a?void 0:a.filter(n=>z||n.examples.find(n=>!n.experimental)).map((n,e)=>(0,L.jsxs)("div",{children:[(0,L.jsx)(P.A,{}),(0,L.jsx)(O.A,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{c(e,n.name)},href:r(n.name),children:n.name}),(0,L.jsx)(W,{...n,color:s})]},"".concat(n.name,"-").concat(e)))]}),t]})},q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive"},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"disabled":false}},{"name":"True","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Show Icon","examples":[{"name":"(Default) False","props":{"icon":"person","showIcon":false}},{"name":"True","props":{"icon":"person","showIcon":true}}]},{"name":"No Text","examples":[{"name":"(Default) False","props":{"icon":"person"}},{"name":"True","props":{"icon":"person","noText":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"width":"auto"}},{"name":"Width","style":{"width":"500px"},"props":{"width":"full"}}]}]'),J=(n,e,a)=>n.map((n,t)=>{var i;return{...n,SlotCode:null==a?void 0:a[null!==(i=n.codeFileName)&&void 0!==i?i:n.name.replaceAll(" ","")],examples:n.examples.map((n,a)=>{var t,i,o,l;return{...n,example:e({...n.props,id:null!==(o=null===(t=n.props)||void 0===t?void 0:t.id)&&void 0!==o?o:n.name,children:null!==(l=null===(i=n.props)||void 0===i?void 0:i.children)&&void 0!==l?l:n.name})}})}}),G=n=>{let{variant:e,state:a,size:t,noText:i,icon:o,width:l,disabled:s,children:r,type:c,showIcon:d}=n;return(0,L.jsx)(_.A,{variant:e,state:a,size:t,noText:i,icon:o,disabled:s,width:l,showIcon:d,onClick:()=>{alert(r.toString())},type:c,children:r})},Y=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"href":"#"}},{"name":"(Default) Regular","density":"regular","props":{"href":"#"}},{"name":"Expressive","density":"expressive","props":{"href":"#"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"href":"#","disabled":false}},{"name":"True","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]},{"name":"Show Icon","examples":[{"name":"(Default) True","props":{"href":"#","showIcon":true}},{"name":"False","props":{"href":"#","showIcon":false}}]}]'),$=n=>{let{href:e,variant:a,disabled:t,size:i,content:o,children:l,showIcon:s}=n;return(0,L.jsx)(O.A,{href:e,variant:a,disabled:t,size:i,content:o,showIcon:s,children:l})};var K=a(64140),Q=a(54116),X=a(50402);let Z=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","text":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","text":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","text":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variant","children":[{"name":"accordion-item","text":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","text":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","text":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","text":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","text":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","text":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]'),nn=n=>{let{behaviour:e,children:a,variant:t}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(K.A,{size:"small",semantic:"informational",icon:"none",children:a}),(0,L.jsxs)(Q.A,{behaviour:e,variant:t,children:[(0,L.jsx)(X.A,{headlinePlain:"Item 1",text:"Content 1"}),(0,L.jsx)(X.A,{headlinePlain:"Item 2",text:"Content 2"}),(0,L.jsx)(X.A,{headlinePlain:"Item 3",text:"Content 3"})]})]})},ne=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","density":"regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","density":"expressive","props":{"headlinePlain":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headlinePlain":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headlinePlain":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"headlinePlain":"(Default) Collapsed"}},{"name":"Open","props":{"headlinePlain":"Open","open":true}}]}]'),na=n=>{let{children:e,disabled:a,open:t,headlinePlain:i}=n;return(0,L.jsx)(X.A,{headlinePlain:i,disabled:a,defaultOpen:t,children:e})},nt=n=>(0,L.jsx)(U,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:J(ne,na,n.slotCode)});var ni=a(23944);let no=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo"},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]');var nl=a(39907);let ns=n=>{var e,a;let{children:t,hideLogo:i,customLogo:o}=n;return(0,L.jsxs)(ni.A,{hideLogo:i,children:[o&&(0,L.jsx)("img",{src:"".concat(null!==(a=null==nl?void 0:null===(e=nl.env)||void 0===e?void 0:"/mono/review/feat-whitelabel")&&void 0!==a?a:"/react-showcase","/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder logo"}),t]})};var nr=a(20156);let nc=JSON.parse('[{"name":"Density","children":[{"name":"button"}],"examples":[{"name":"Functional","density":"functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","density":"regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","density":"expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","children":[{"name":"button"}],"examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","children":[{"name":"button"}],"examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","children":[{"name":"button"}],"examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","children":[{"name":"button"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","children":[{"name":"button"}],"examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]'),nd=n=>{let{children:e,width:a,emphasis:t,placement:i,delay:o,content:l,animation:s,variant:r}=n;return(0,L.jsxs)(_.A,{children:[e,(0,L.jsx)(nr.A,{width:a,emphasis:t,placement:i,animation:s,delay:o,variant:r,children:l})]})},nb=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Show Icon","examples":[{"name":"(Default) True","props":{"showIcon":true}},{"name":"False","props":{"showIcon":false}}]}]'),nh=n=>{let{semantic:e,size:a,icon:t,children:i,showIcon:o}=n;return(0,L.jsx)(K.A,{semantic:e,size:a,icon:t,showIcon:o,children:i})};var nu=a(85776);let np=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Behaviour","role":"group","examples":[{"name":"(Default) Static"},{"name":"Interactive Button","props":{"component":"button"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Link","props":{"component":"link"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox01"},"children":[{"name":"input","native":true,"props":{"id":"checkbox01","type":"checkbox"}}]}]},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 1","props":{"for":"radio01"},"children":[{"name":"input","native":true,"props":{"name":"radio01","id":"radio01","type":"radio"}}]}]},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"label","native":true,"content":"Interactive Radio 2","props":{"for":"radio02"},"children":[{"name":"input","native":true,"props":{"name":"radio02","id":"radio02","type":"radio"}}]}]},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","role":"group","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox02"},"children":[{"name":"input","native":true,"props":{"id":"checkbox02","type":"checkbox"}}]}]},{"name":"Checked","props":{"component":"checkbox","checked":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox03"},"children":[{"name":"input","native":true,"props":{"checked":true,"id":"checkbox03","type":"checkbox"}}]}]},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox04"},"children":[{"name":"input","native":true,"props":{"checked":true,"disabled":true,"id":"checkbox04","type":"checkbox"}}]}]}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon","props":{"icon":"person","noText":true}},{"name":"Icon & Text","props":{"icon":"person"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow"},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","role":"group","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"person","behaviour":"removable"},"children":[{"name":"button","native":true,"content":"Interactive Button"}]},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"person"},"children":[{"name":"a","native":true,"content":"Interactive Link","props":{"href":"#"}}]},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"person"},"children":[{"name":"label","native":true,"content":"Interactive Checkbox","props":{"for":"checkbox05"},"children":[{"name":"input","native":true,"id":"checkbox05","type":"checkbox"}]}]},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"person","identifier":"radio03"},"children":[{"name":"label","native":true,"content":"Interactive Radio 3","props":{"for":"radio03"},"children":[{"name":"input","native":true,"props":{"name":"radio03","id":"radio03","type":"radio"}}]}]},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"person","identifier":"radio02"},"children":[{"name":"label","native":true,"content":"Interactive Radio 4","props":{"for":"radio04"},"children":[{"name":"input","native":true,"props":{"name":"radio04","id":"radio04","type":"radio"}}]}]}]}]'),nx=n=>{let{semantic:e,disabled:a,children:t,icon:i,overflow:o,noText:l,behaviour:s,emphasis:r,removeButton:c,checked:d,component:b,identifier:h}=n,[u,p]=(0,H.useState)(null!=d&&d);return(0,L.jsxs)(nu.A,{semantic:e,icon:i,noText:l,behaviour:s,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(t.toString())},children:["button"===b&&(0,L.jsx)("button",{children:t}),"link"===b&&(0,L.jsx)("a",{href:"#",children:t}),"checkbox"===b&&(0,L.jsxs)("label",{children:[(0,L.jsx)("input",{type:"checkbox",checked:u,disabled:a,onChange:n=>{p(n.target.checked)}}),t]}),"radio"===b&&(0,L.jsxs)("label",{children:[(0,L.jsx)("input",{type:"radio",checked:d,name:h}),t]}),!b&&!o&&(0,L.jsx)(L.Fragment,{children:t}),!b&&o&&(0,L.jsx)("span",{children:t})]})};var ng=a(79834),nm=a(97518),nv=a(10300),nD=a(7852);let nj=JSON.parse('[{"name":"Density","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Orientation","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"horizontal","props":{"orientation":"horizontal"}},{"name":"vertical","props":{"orientation":"vertical"}}]},{"name":"Width","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"}}]},{"name":"Overflow","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true}}]},{"name":"Examples","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"}}]}]'),nB=n=>{let{children:e,orientation:a,width:t,alignment:i,overflow:o,behaviour:l,initialSelectedMode:s,initialSelectedIndex:r}=n;return(0,L.jsxs)("div",{className:"w-full",children:[(0,L.jsxs)(K.A,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,L.jsxs)(ng.A,{orientation:a,width:t,alignment:i,behaviour:l,initialSelectedIndex:r,initialSelectedMode:s,arrowScrollDistance:75,children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Test 1"}),(0,L.jsx)(nv.A,{children:"Test 2"}),(0,L.jsx)(nv.A,{children:"Test 3"}),o&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nv.A,{children:"Test 4"}),(0,L.jsx)(nv.A,{children:"Test 5"})]})]}),(0,L.jsx)(nD.A,{children:"Tab Panel 1"}),(0,L.jsx)(nD.A,{children:"Tab Panel 2"}),(0,L.jsx)(nD.A,{children:"Tab Panel 3"}),o&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nD.A,{children:"Tab Panel 4"}),(0,L.jsx)(nD.A,{children:"Tab Panel 5"})]})]})]})},nf=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","className":"tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","density":"regular","className":"tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","density":"expressive","className":"tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]'),nT=n=>{let{children:e,active:a,noText:t,icon:i,iconAfter:o,disabled:l}=n;return(0,L.jsx)(nm.A,{children:(0,L.jsx)(nv.A,{active:a,noText:t,icon:i,iconAfter:o,disabled:l,children:e})})},nA=n=>(0,L.jsx)(U,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:J(nf,nT,n.slotCode)});var nk=a(39892);let nw=JSON.parse('[{"name":"Density","role":"group","examples":[{"name":"Functional","density":"functional","props":{"name":"Density"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density"}},{"name":"Expressive","density":"expressive","props":{"name":"Density"}}]},{"name":"Disabled","role":"group","examples":[{"name":"(Default) False","props":{"name":"Disabled","disabled":false}},{"name":"True","props":{"name":"Disabled","disabled":true}}]},{"name":"Checked","role":"group","examples":[{"name":"(Default) False","props":{"name":"State","checked":false}},{"name":"True","props":{"name":"State","checked":true}}]},{"name":"Indeterminate","role":"group","examples":[{"name":"(Default) False","props":{"name":"Indeterminate","indeterminate":false}},{"name":"True","props":{"name":"Indeterminate","indeterminate":true}}]},{"name":"Validation","role":"group","examples":[{"name":"(Default) No validation","props":{"name":"Validation","validation":"no-validation"}},{"name":"Invalid","props":{"name":"Validation","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"name":"Validation","validation":"valid","validMessage":"Valid message"}}]},{"name":"Size","role":"group","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Required","role":"group","examples":[{"name":"(Default) False","props":{"name":"Requirement","required":false}},{"name":"True","props":{"name":"Requirement","required":true}}]},{"name":"Show Label","role":"group","examples":[{"name":"(Default) True","props":{"name":"Label","showLabel":true}},{"name":"False","props":{"name":"Label","showLabel":false}}]},{"name":"Example","role":"group","examples":[{"name":"Long label","style":{"width":"100px"},"props":{"checked":true,"name":"Example"}}]}]'),ny=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,indeterminate:r,variant:c,showLabel:d,validation:b,invalidMessage:h,validMessage:u}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nk.A,{label:e,size:a,name:t,defaultChecked:i,invalidMessage:h,validMessage:u,required:o,disabled:s,variant:c,showLabel:d,indeterminate:r,validation:b,children:l}),void 0!==d&&!d&&(0,L.jsx)(K.A,{size:"small",semantic:"informational",showIcon:!1,children:l})]})};var nC=a(59916);let nN=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","props":{"label":"Label","showLabel":true}},{"name":"False","props":{"label":"Label","showLabel":false}}]},{"name":"Show Message","examples":[{"name":"(Default) False","props":{"label":"Label","message":"Message","showMessage":false}},{"name":"True","props":{"label":"Label","message":"Message","showMessage":true}}]},{"name":"State","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"label":"Label","disabled":false}},{"name":"True","props":{"label":"Label","disabled":true}}]},{"name":"Readonly","examples":[{"name":"(Default) False","props":{"label":"Label","value":"(Default) False","readOnly":false}},{"name":"True","props":{"label":"Label","value":"True","readOnly":true}}]},{"name":"Validation","examples":[{"name":"(Default) No validation","props":{"label":"Label","validation":"no-validation"}},{"name":"Invalid","props":{"label":"Label","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"label":"Label","validation":"valid","validMessage":"Valid message"}}]},{"name":"Required","examples":[{"name":"(Default) False","props":{"label":"Label","required":false}},{"name":"True","props":{"label":"Label","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Example - Types","codeFileName":"ExampleTypes","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]},{"name":"Example - Types - Floating Label","codeFileName":"ExampleTypesFloatingLabel","examples":[{"name":"(Default) Text","props":{"label":"Label","variant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","variant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","variant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","variant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","variant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","variant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","variant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","variant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","variant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","variant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","variant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","variant":"floating"}},{"name":"Datalist","experimental":true,"props":{"label":"Label","variant":"floating","dataList":true}},{"name":"File","experimental":true,"props":{"label":"Label","type":"file","variant":"floating"}}]}]'),nI=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nL=n=>{let{label:e,value:a,type:t,minLength:i,required:o,disabled:l,iconAfter:s,icon:r,children:c,message:d,variant:b,readOnly:h,dataList:u,showLabel:p,showMessage:x,validMessage:g,validation:m,invalidMessage:v}=n;return(0,L.jsx)(nC.A,{label:e,message:d,placeholder:c,variant:b,showLabel:p,defaultValue:a,type:t,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:s,icon:r,showMessage:x,invalidMessage:v,validMessage:g,validation:m,dataList:u?nI(b):void 0})};var n_=a(85980);let nH=JSON.parse('[{"name":"Density","role":"radiogroup","examples":[{"name":"Functional","density":"functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","density":"regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","density":"expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Disabled","role":"radiogroup","examples":[{"name":"(Default) False","props":{"name":"Disabled","disabled":false}},{"name":"True","props":{"name":"Disabled","disabled":true}}]},{"name":"Checked","role":"radiogroup","examples":[{"name":"(Default) False","props":{"name":"Checked"}},{"name":"True","props":{"name":"Checked","checked":true}}]},{"name":"Validation","role":"radiogroup","examples":[{"name":"(Default) No validation","props":{"name":"No validation","validation":"no-validation"}},{"name":"Invalid","props":{"name":"invalid","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"name":"valid","validation":"valid","validMessage":"Valid message","checked":true}}]},{"name":"Size","role":"radiogroup","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Required","role":"radiogroup","examples":[{"name":"(Default) False","props":{"name":"Requirement","required":false}},{"name":"True","props":{"name":"Requirement","required":true}}]},{"name":"Show Label","role":"radiogroup","examples":[{"name":"(Default) True","props":{"name":"Content","showLabel":true}},{"name":"False","props":{"name":"Content","showLabel":false}}]}]'),nS=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,value:r,showLabel:c,validation:d}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n_.A,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,showLabel:c,value:r,validation:d,children:l}),void 0!==c&&!c&&(0,L.jsx)(K.A,{size:"small",semantic:"informational",showIcon:!1,children:l})]})};var nP=a(47982);let nO=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","density":"regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","density":"expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label","selected":true},{"value":"Option 2"}],"label":"Label","variant":"floating","value":"Floating Label"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","showLabel":true}},{"name":"False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","showLabel":false}}]},{"name":"Show Message","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Message","showMessage":false}},{"name":"True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Message","showMessage":true}}]},{"name":"State","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled"}}]},{"name":"Validation","examples":[{"name":"(Default) No validation","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","validation":"no-validation"}},{"name":"Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","style":{"width":"300px"},"props":{"options":[{"value":"Valid","selected":true},{"value":"Option 2"}],"label":"Label","validation":"valid","validMessage":"Valid message","value":"Valid"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":false}},{"name":"True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Required","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":false}},{"name":"True","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]},{"name":"Examples Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled","selected":true},{"value":"Option 2"}],"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled","selected":true},{"value":"Option 2"}],"label":"Label","disabled":true,"variant":"floating","value":"Disabled"}}]}]'),nR=n=>{let{children:e,label:a,options:t,icon:i,message:o,disabled:l,value:s,required:r,variant:c,showLabel:d,showMessage:b,invalidMessage:h,validMessage:u,validation:p}=n,[x,g]=(0,H.useState)(s);return(0,L.jsx)(nP.A,{label:a,placeholder:e,options:t,disabled:l,variant:c,showLabel:d,icon:i,value:x,onChange:n=>{g(n.target.value)},message:o,required:r,showMessage:b,invalidMessage:h,validMessage:u,validation:p,children:e})};var nE=a(98142);let nF=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","props":{}},{"name":"regular (Default)","density":"regular","props":{}},{"name":"expressive","density":"expressive","props":{}}]},{"name":"Checked","examples":[{"name":"(Default) False","props":{"checked":false}},{"name":"True","props":{"checked":true}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"disabled":false}},{"name":"True","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak + Unchecked","props":{"emphasis":"weak"}},{"name":"(Default) Weak + Checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + Unchecked","props":{"emphasis":"strong"}},{"name":"Strong + Checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Default) False + Unchecked","props":{"visualAid":false}},{"name":"(Default) False + Checked","props":{"visualAid":false,"checked":true}},{"name":"True + Unchecked","props":{"visualAid":true}},{"name":"True + Checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","props":{"showLabel":true}},{"name":"False","props":{"showLabel":false}}]},{"name":"Required","examples":[{"name":"(Default) False","props":{"required":false}},{"name":"True","props":{"required":true}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]'),nM=n=>{let{children:e,checked:a,visualAid:t,disabled:i,showLabel:o,emphasis:l,size:s,icon:r,iconAfter:c,required:d}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nE.A,{visualAid:t,defaultChecked:a,disabled:i,showLabel:o,size:s,emphasis:l,icon:r,iconAfter:c,required:d,children:e}),void 0!==o&&!o&&(0,L.jsx)(K.A,{semantic:"informational",icon:"none",children:e})]})};var nV=a(85194);let nz=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"label":"Label"}},{"name":"(Default) Regular","density":"regular","props":{"label":"Label"}},{"name":"Expressive","density":"expressive","props":{"label":"Label"}}]},{"name":"Variant","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}}]},{"name":"Show Label","examples":[{"name":"(Default) True","props":{"label":"Label","showLabel":true}},{"name":"False","props":{"label":"Label","showLabel":false}}]},{"name":"Show Message","examples":[{"name":"(Default) False","props":{"label":"Label","showMessage":false}},{"name":"true","props":{"label":"Label","message":"Message","showMessage":true}}]},{"name":"State","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}}]},{"name":"Disabled","examples":[{"name":"(Default) False","props":{"label":"Label","disabled":false}},{"name":"True","props":{"label":"Label","disabled":true}}]},{"name":"Readonly","examples":[{"name":"(Default) False","props":{"label":"Label","value":"(Default) False","readOnly":false}},{"name":"True","props":{"label":"Label","value":"True","readOnly":true}}]},{"name":"Validation","examples":[{"name":"(Default) No validation","props":{"label":"Label","validation":"no-validation"}},{"name":"Invalid","props":{"label":"Label","validation":"invalid","invalidMessage":"Invalid Message"}},{"name":"Valid","props":{"label":"Label","validation":"valid","validMessage":"Valid message"}}]},{"name":"Required","examples":[{"name":"(Default) False","props":{"label":"Label","required":false}},{"name":"True","props":{"label":"Label","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]},{"name":"Examples Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","variant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","variant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"variant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"variant":"floating"}}]}]'),nW=n=>{let{cols:e,disabled:a,message:t,label:i,placeholder:o,rows:l,value:s,readOnly:r,required:c,children:d,variant:b,showLabel:h,showMessage:u,validMessage:p,validation:x,invalidMessage:g}=n,[m,v]=(0,H.useState)(s);return(0,L.jsx)(nV.A,{cols:e,disabled:a,showLabel:h,message:t,label:i,variant:b,readOnly:r,onChange:n=>{v(n.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:m,showMessage:u,invalidMessage:g,validMessage:p,validation:x})};var nU=a(91836);let nq=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","closeable":true}},{"name":"regular (Default)","density":"regular","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","closeable":true}},{"name":"expressive","density":"expressive","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","closeable":true}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","closeable":true}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","closeable":true}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","closeable":true,"timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","closeable":true}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","closeable":true}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","closeable":true}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","closeable":true}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","closeable":true}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","closeable":true}}]},{"name":"Closeable","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"closeable":false}},{"name":"True","style":{"width":"300px"},"props":{"closeable":true}}]},{"name":"Visual","examples":[{"name":"(Default) Icon","style":{"width":"300px"},"props":{"icon":"information_circle"}},{"name":"Image","style":{"width":"300px"},"props":{"img":true}}]},{"name":"Show Icon","examples":[{"name":"(Default) True","style":{"width":"300px"},"props":{"icon":"information_circle","showIcon":true}},{"name":"False","style":{"width":"300px"},"props":{"icon":"information_circle","showIcon":false}}]},{"name":"Link Variant","examples":[{"name":"(Default) Block","style":{"width":"300px"},"props":{"link":true,"linkVariant":"block"}},{"name":"Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline"}}]},{"name":"Show Headline","examples":[{"name":"(Default) True","style":{"width":"300px"},"props":{"headline":"Headline","showHeadline":true}},{"name":"False","style":{"width":"300px"},"props":{"headline":"Headline","showHeadline":false}}]},{"name":"Show Timestamp","examples":[{"name":"(Default) False","style":{"width":"300px"},"props":{"variant":"overlay","showTimestamp":false,"timestamp":"10 min ago"}},{"name":"True","style":{"width":"300px"},"props":{"variant":"overlay","showTimestamp":true,"timestamp":"10 min ago"}}]},{"name":"Examples - Variant:Docked","codeFileName":"ContentVariantDocked","examples":[{"name":"Text","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Examples - Variant:Standalone","codeFileName":"ContentVariantStandalone","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"standalone","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Examples - Variant:Overlay","codeFileName":"ContentVariantOverlay","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"overlay","behaviour":"permanent"},"children":[{"name":"img","native":true,"slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"variant":"overlay"}},{"name":"Text & Timed","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Timed & Cloaseable","style":{"width":"300px"},"props":{"timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","timestamp":"10 min ago","variant":"overlay"}},{"name":"Text & Icon & Headline & Timed & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","timestamp":"10 min ago","variant":"overlay"}}]}]');var nJ=a(39907);let nG=()=>{var n,e;return(null==nJ?void 0:null===(n=nJ.env)||void 0===n?void 0:"/mono/review/feat-whitelabel")?"/mono/review/feat-whitelabel":"undefined"!=typeof globalThis?null===(e=window.env)||void 0===e?void 0:e.BASE_URL:""},nY=n=>{let{semantic:e,icon:a,headline:t,variant:i,children:o,closeable:l,link:s,timestamp:r,linkVariant:c,img:d,showIcon:b,showHeadline:h,showTimestamp:u}=n;return(0,L.jsx)(nU.A,{semantic:e,icon:a,headline:t,link:s?(0,L.jsx)(O.A,{href:"#",children:"Textlink"}):void 0,image:d?(0,L.jsx)("img",{src:"".concat(nG(),"/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder"}):void 0,variant:i,closeable:l,linkVariant:c,timestamp:r,showTimestamp:u,onClose:()=>{alert(o.toString())},showIcon:b,showHeadline:h,children:o})};var n$=a(22076),nK=a(80692);let nQ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small"},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Icon - Small","props":{"example":"icon"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","content":"","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","content":"","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","content":"","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","content":"","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","content":"","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","content":"","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Medium","content":"","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]}]'),nX=n=>{let{children:e,semantic:a,emphasis:t,noContent:i,size:o,placement:l,example:s}=n;return(0,L.jsxs)(L.Fragment,{children:[!l&&!s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n$.A,{semantic:a,emphasis:t,size:o,children:i?"":e}),i&&(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),l&&"inline"!==l&&!s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(_.A,{icon:"person",variant:"outlined",noText:!0,children:[(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),e]}),(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===l&&(0,L.jsx)(L.Fragment,{children:(0,L.jsxs)("div",{className:"badge-inline-container",children:[(0,L.jsx)(nK.A,{icon:"person"}),(0,L.jsx)("span",{children:e}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,L.jsx)(nK.A,{icon:"error"})]})}),"icon"===s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n$.A,{semantic:"critical",emphasis:"strong",size:o,children:(0,L.jsx)(nK.A,{icon:"person",children:e})}),(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===s&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n$.A,{semantic:"successful",children:"9"}),(0,L.jsx)(n$.A,{semantic:"informational",children:"12"}),(0,L.jsx)(n$.A,{semantic:"warning",children:"123"}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,L.jsx)(n$.A,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,L.jsx)(K.A,{semantic:"informational",size:"small",icon:"none",children:e})]})]})},nZ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Elevation Level","examples":[{"name":"(Default) Level 1 - Adaptive","props":{"elevationLevel":"1"}},{"name":"Level 2 - Adaptive","props":{"elevationLevel":"2"}},{"name":"Level 3 - Adaptive","props":{"elevationLevel":"3"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small"}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"None","props":{"spacing":"none"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive"},{"name":"Interactive","props":{"behaviour":"interactive"}}]},{"name":"Example","examples":[{"name":"Level 1 - Interactive","props":{"elevationLevel":"1","behaviour":"interactive"}},{"name":"Level 2 - Interactive","props":{"elevationLevel":"2","behaviour":"interactive"}},{"name":"Level 3 - Interactive","props":{"elevationLevel":"3","behaviour":"interactive"}}]}]'),n0=n=>{let{behaviour:e,children:a,spacing:t,elevationLevel:i}=n;return(0,L.jsx)(S.A,{behaviour:e,spacing:t,elevationLevel:i,children:(0,L.jsx)("strong",{children:a})})},n1=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"content":"","density":"functional","props":{"width":"full"}},{"name":"(Default) Regular","style":{"width":"200px"},"content":"","density":"regular","props":{"width":"full"}},{"name":"Expressive","style":{"width":"200px"},"content":"","density":"expressive","props":{"width":"full"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"content":"","props":{"variant":"vertical","width":"full"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"content":"","props":{"width":"full"}},{"name":"Strong","style":{"width":"200px"},"content":"","props":{"emphasis":"strong","width":"full"}}]}]'),n2=n=>{let{variant:e,emphasis:a,children:t,width:i}=n;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(K.A,{size:"small",semantic:"informational",children:t}),(0,L.jsx)(P.A,{variant:e,emphasis:a,width:i})]})};var n3=a(87612);let n5=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"(Default) Regular","density":"regular","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Expressive","density":"expressive","props":{"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Full","props":{"width":"full","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Rounded","examples":[{"name":"(Default) False","props":{"rounded":false,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"True","props":{"rounded":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Small","props":{"spacing":"small","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Large","props":{"spacing":"large","open":"open","onClose":"toggleDrawer(false)"}},{"name":"None","props":{"spacing":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Backdrop","examples":[{"name":"(Default) Strong","props":{"backdrop":"strong","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Weak","props":{"backdrop":"weak","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Invisible","props":{"backdrop":"invisible","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No Backdrop","props":{"backdrop":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Direction","examples":[{"name":"(Default) Right","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Left","props":{"direction":"left","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Up","props":{"direction":"up","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Down","props":{"direction":"down","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Example","examples":[{"name":"(Default) As modal","props":{"variant":"modal","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Inside","props":{"variant":"inside","open":"open","onClose":"toggleDrawer(false)"}}]}]'),n4=n=>{let{id:e,width:a,rounded:t,spacing:i,openDrawer:o,setOpenDrawer:l,direction:s,children:r,backdrop:c,variant:d}=n;return(0,L.jsxs)("div",{children:[(0,L.jsxs)(_.A,{onClick:()=>{l(e)},children:["Open: ",r]}),(0,L.jsx)(n3.A,{rounded:t,width:a,spacing:i,backdrop:c,direction:s,variant:d,open:o===e,onClose:()=>{l(void 0)},children:r})]})};var n8=a(23116),n6=a(61338),n7=a(6900);let n9=JSON.parse('[{"name":"Density","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Functional","density":"functional","props":{},"style":{"width":"100%","display":"block"}},{"name":"(Default) Regular","density":"regular","props":{},"style":{"width":"100%","display":"block"}},{"name":"Expressive","density":"expressive","props":{},"style":{"width":"100%","display":"block"}}]},{"name":"Width","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Behaviour","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"}}]},{"name":"Examples","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"person","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"person"},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"person","disabled":true},"children":[{"name":"a","native":true,"slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"With Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":true}},{"name":"Without Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":false}},{"name":"Without Application Name","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":true}},{"name":"Without Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":false}}]}]'),en=n=>{let{drawerOpen:e,forceMobile:a,burgerMenuLabel:t,children:i,className:o,describedbyid:l,id:s,key:r,onToggle:c,width:d,example:b,withNavigation:h,withName:u}=n;return(0,L.jsx)(n8.A,{width:d,brand:(0,L.jsx)(ni.A,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(O.A,{href:"#",children:"Imprint"}),(0,L.jsx)(O.A,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,L.jsx)(_.A,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(_.A,{icon:"person",variant:"ghost",noText:!0,children:"Profile"}),(0,L.jsx)(_.A,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,L.jsx)(_.A,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:a,burgerMenuLabel:t,className:o,describedbyid:l,id:s,onToggle:c,children:(!b||h)&&(0,L.jsxs)(n6.A,{"aria-label":i,children:[(0,L.jsx)(n7.A,{icon:"person",children:(0,L.jsx)("a",{href:"#",children:i})}),(0,L.jsx)(n7.A,{disabled:!0,children:(0,L.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var ee=a(12764);let ea=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"spacing":"medium"}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}},{"name":"None","props":{"spacing":"none"}}]}]'),et=n=>{let{width:e,spacing:a,children:t}=n;return(0,L.jsxs)(ee.A,{className:"db-informational-bg-basic-level-2 section-card-container",spacing:a,width:e,children:[(0,L.jsx)(S.A,{children:t}),(0,L.jsx)(S.A,{children:t}),(0,L.jsx)(S.A,{children:t}),(0,L.jsx)(S.A,{children:t})]})},ei=JSON.parse('[{"name":"Density","children":[{"name":"navigation-item","content":"Navi-Item 1","children":[{"name":"navigation-item","content":"Sub-Navi-Item 1","slot":"sub-navigation","children":[{"name":"navigation-item","slot":"sub-navigation","props":{"active":true},"children":[{"name":"a","native":true,"content":"Sub-Sub-Navi-Item 1","props":{"href":"#"}}]}]}]},{"name":"navigation-item","children":[{"name":"a","native":true,"content":"Navi-Item 2","props":{"href":"#"}}]}],"examples":[{"name":"Functional","density":"functional","props":{}},{"name":"(Default) Regular","density":"regular","props":{}},{"name":"Expressive","density":"expressive","props":{}}]}]'),eo=n=>{let{children:e}=n,a="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,L.jsxs)("div",{children:[(0,L.jsx)(K.A,{id:a,size:"small",semantic:"informational",icon:"none",children:e}),(0,L.jsxs)(n6.A,{labelledBy:a,children:[(0,L.jsx)(n7.A,{subNavigation:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n7.A,{subNavigation:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(n7.A,{children:(0,L.jsx)("a",{href:"#","aria-current":"page",children:"Sub-Sub-Navi-Item 1"})}),(0,L.jsx)(n7.A,{children:(0,L.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,L.jsx)(n7.A,{children:(0,L.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,L.jsx)(n7.A,{icon:"person",children:(0,L.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,L.jsx)(n7.A,{disabled:!0,children:(0,L.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})},el=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","density":"functional","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Functional"}]},{"name":"(Default) Regular","density":"regular","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Regular"}]},{"name":"Expressive","density":"expressive","props":{},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Expressive"}]}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Enabled (Default)/Hover/Pressed"}]},{"name":"Active","props":{"active":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Active"}]},{"name":"Disabled","props":{"disabled":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Disabled"}]}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Text"}]},{"name":"Text - Icon (Leading)","props":{"icon":"person"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Leading)"}]},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"person","areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icons (Leading, Chevron)"}]},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Text - Icon (Chevron)"}]}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"(Default) Auto"}]},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"},"children":[{"name":"a","native":true,"props":{"href":"#"},"content":"Full"}]}]}]'),es=n=>{let{children:e,icon:a,disabled:t,active:i,width:o,areaPopup:l}=n;return(0,L.jsx)("ul",{children:(0,L.jsx)(n7.A,{icon:a,disabled:t,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:l&&(0,L.jsxs)("ul",{children:[(0,L.jsx)(n7.A,{children:(0,L.jsx)("a",{href:"#",children:"Test1"})}),(0,L.jsx)(n7.A,{children:(0,L.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?e:(0,L.jsx)("a",{href:"#",children:e})})})},er=n=>(0,L.jsx)(U,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:J(el,es,n.slotCode)});var ec=a(36428);let ed=JSON.parse('[{"name":"Density","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"Functional","density":"functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","density":"regular","props":{"id":"popover-02"}},{"name":"Expressive","density":"expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"Large","props":{"spacing":"large","id":"popover-055"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]'),eb=n=>{let{id:e,children:a,width:t,gap:i,spacing:o,placement:l,delay:s,content:r,animation:c}=n;return(0,L.jsx)(ec.A,{trigger:(0,L.jsx)(_.A,{children:a}),width:t,gap:i,spacing:o,placement:l,animation:c,delay:s,id:e,children:null!=r?r:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("ul",{className:"popover-list",children:[(0,L.jsx)("li",{children:"Popover Custom Item 1"}),(0,L.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,L.jsx)(_.A,{children:"Popover Custom Item 3"})]})})},eh=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eu=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Outlined - Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Outlined - Adaptive "),navigator.clipboard.writeText(" (Default) Outlined - Adaptive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Outlined - Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Outlined - Adaptive\n"),navigator.clipboard.writeText("\n(Default) Outlined - Adaptive\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Filled - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled - Adaptive '),navigator.clipboard.writeText(' Filled - Adaptive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFilled - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled - Adaptive\n'),navigator.clipboard.writeText('\nFilled - Adaptive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Ghost - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Ghost - Adaptive '),navigator.clipboard.writeText(' Ghost - Adaptive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nGhost - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nGhost - Adaptive\n'),navigator.clipboard.writeText('\nGhost - Adaptive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},ep=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) False"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) False"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) False"),navigator.clipboard.writeText("(Default) False")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"True"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"True"===n?"check":"copy",variant:"ghost",onClick:()=>{e("True"),navigator.clipboard.writeText("True")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ex=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eg=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},em=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) False'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) False'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) False'),navigator.clipboard.writeText('(Default) False')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ev=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Auto '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Auto '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto '),navigator.clipboard.writeText(' (Default) Auto ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Auto'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto'),navigator.clipboard.writeText('(Default) Auto')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Auto\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto\n'),navigator.clipboard.writeText('\n(Default) Auto\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Width '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width '),navigator.clipboard.writeText(' Width ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Width'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Width'),navigator.clipboard.writeText('Width')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWidth\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWidth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth\n'),navigator.clipboard.writeText('\nWidth\n')},children:"Copy code"})]})]})})]})},eD=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Adaptive '),navigator.clipboard.writeText(' (Default) Adaptive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Adaptive\n'),navigator.clipboard.writeText('\n(Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Brand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},eB=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) False'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) False'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) False'),navigator.clipboard.writeText('(Default) False')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'True'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'True'===n?"check":"copy",variant:"ghost",onClick:()=>{e('True'),navigator.clipboard.writeText('True')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Internal '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Internal '),navigator.clipboard.writeText(' (Default) Internal ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Internal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Internal\n'),navigator.clipboard.writeText('\n(Default) Internal\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n External\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExternal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExternal\n'),navigator.clipboard.writeText('\nExternal\n')},children:"Copy code"})]})]})})]})},eA=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) True\n'),navigator.clipboard.writeText('\n (Default) True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n False\n'),navigator.clipboard.writeText('\n False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},ek=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})})]})},ew=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})})]})},ey=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n accordion-item \n accordion-item \n accordion-item \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item \n accordion-item \n accordion-item \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item \n accordion-item \n accordion-item \n'),navigator.clipboard.writeText('\n accordion-item \n accordion-item \n accordion-item \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n accordion-item\n accordion-item\n accordion-item\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n accordion-item\n accordion-item\n accordion-item\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n accordion-item\n accordion-item\n accordion-item\n'),navigator.clipboard.writeText('\n accordion-item\n accordion-item\n accordion-item\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n'),navigator.clipboard.writeText('\n \naccordion-item\n\n\naccordion-item\n\n\naccordion-item\n\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    \n Functional\n
    Functional
    \n
    \n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n Functional\n
    Functional
    \n
    \n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n Functional\n
    Functional
    \n
    \n
  • '),navigator.clipboard.writeText('
  • \n
    \n Functional\n
    Functional
    \n
    \n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
  • '),navigator.clipboard.writeText('
  • \n
    \n (Default) Regular\n
    (Default) Regular
    \n
    \n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
  • '),navigator.clipboard.writeText('
  • \n
    \n Expressive\n
    Expressive
    \n
    \n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Collapsed\n'),navigator.clipboard.writeText('\n(Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Open\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nOpen\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nOpen\n'),navigator.clipboard.writeText('\nOpen\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Functional
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) With Logo "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) With Logo "),navigator.clipboard.writeText(" (Default) With Logo ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) With Logo
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) With Logo
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) With Logo
    '),navigator.clipboard.writeText('
    (Default) With Logo
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) With Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) With Logo\n"),navigator.clipboard.writeText("\n(Default) With Logo\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' No Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Logo '),navigator.clipboard.writeText(' No Logo ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    No Logo
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    No Logo
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    No Logo
    '),navigator.clipboard.writeText('
    No Logo
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"No Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNo Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Logo\n'),navigator.clipboard.writeText('\nNo Logo\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Custom Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Custom Logo '),navigator.clipboard.writeText(' Custom Logo ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Custom Logo
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Custom Logo
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Custom Logo
    '),navigator.clipboard.writeText('
    Custom Logo
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCustom Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCustom Logo\n'),navigator.clipboard.writeText('\nCustom Logo\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eO=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n button\n '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n '===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n '),navigator.clipboard.writeText('\n button\n ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n button\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n button\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n \n'),navigator.clipboard.writeText('\n button\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nbutton\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nbutton\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nbutton\n'),navigator.clipboard.writeText('\nbutton\n')},children:"Copy code"})]})]})})]})},eF=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) True"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) True"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) True"),navigator.clipboard.writeText("(Default) True")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"False"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"False"===n?"check":"copy",variant:"ghost",onClick:()=>{e("False"),navigator.clipboard.writeText("False")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Functional
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nFunctional\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nFunctional\n"),navigator.clipboard.writeText("\nFunctional\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Regular "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Regular "),navigator.clipboard.writeText(" (Default) Regular ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Regular"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Regular\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Regular\n"),navigator.clipboard.writeText("\n(Default) Regular\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\nExpressive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\nExpressive\n"),navigator.clipboard.writeText("\nExpressive\n")},children:"Copy code"})]})]})})]})},eU=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Weak "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Weak "),navigator.clipboard.writeText(" (Default) Weak ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Weak
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Weak
    '),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Weak"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Weak\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Weak\n"),navigator.clipboard.writeText("\n(Default) Weak\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Strong
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Strong
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Strong
    '),navigator.clipboard.writeText('
    Strong
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nStrong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nStrong\n'),navigator.clipboard.writeText('\nStrong\n')},children:"Copy code"})]})]})})]})},eq=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Adaptive
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Adaptive
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Adaptive
    '),navigator.clipboard.writeText('
    (Default) Adaptive
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Neutral
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Neutral
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Neutral
    '),navigator.clipboard.writeText('
    Neutral
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Critical
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Critical
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Critical
    '),navigator.clipboard.writeText('
    Critical
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Informational
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Informational
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Informational
    '),navigator.clipboard.writeText('
    Informational
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Successful
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Successful
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Successful
    '),navigator.clipboard.writeText('
    Successful
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Warning
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Warning
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Warning
    '),navigator.clipboard.writeText('
    Warning
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Adaptive Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Adaptive Strong '),navigator.clipboard.writeText(' Adaptive Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Adaptive Strong
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Adaptive Strong
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Adaptive Strong
    '),navigator.clipboard.writeText('
    Adaptive Strong
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nAdaptive Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nAdaptive Strong\n'),navigator.clipboard.writeText('\nAdaptive Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Neutral Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral Strong '),navigator.clipboard.writeText(' Neutral Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Neutral Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Neutral Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Neutral Strong\n
    '),navigator.clipboard.writeText('
    \n Neutral Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNeutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral Strong\n'),navigator.clipboard.writeText('\nNeutral Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Critical Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical Strong '),navigator.clipboard.writeText(' Critical Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Critical Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Critical Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Critical Strong\n
    '),navigator.clipboard.writeText('
    \n Critical Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCritical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical Strong\n'),navigator.clipboard.writeText('\nCritical Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Informational Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Informational Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Informational Strong\n
    '),navigator.clipboard.writeText('
    \n Informational Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInformational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational Strong\n'),navigator.clipboard.writeText('\nInformational Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Successful Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful Strong '),navigator.clipboard.writeText(' Successful Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Successful Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Successful Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Successful Strong\n
    '),navigator.clipboard.writeText('
    \n Successful Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSuccessful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful Strong\n'),navigator.clipboard.writeText('\nSuccessful Strong\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Warning Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning Strong '),navigator.clipboard.writeText(' Warning Strong ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Warning Strong\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Warning Strong\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Warning Strong\n
    '),navigator.clipboard.writeText('
    \n Warning Strong\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWarning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning Strong\n'),navigator.clipboard.writeText('\nWarning Strong\n')},children:"Copy code"})]})]})})]})},eJ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Static "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Static "),navigator.clipboard.writeText(" (Default) Static ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Static
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Static
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Static
    '),navigator.clipboard.writeText('
    (Default) Static
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Static"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Static\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Static\n"),navigator.clipboard.writeText("\n(Default) Static\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n"),navigator.clipboard.writeText("\n \n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Removeable\n Remove tag\n \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Removeable\n Remove tag\n \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Removeable\n Remove tag\n \n
    '),navigator.clipboard.writeText('
    \n Removeable\n Remove tag\n \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eG=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eY=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) Text
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) Text
    '),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Icon
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Icon
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Icon
    '),navigator.clipboard.writeText('
    Icon
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    Icon & Text
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    Icon & Text
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    Icon & Text
    '),navigator.clipboard.writeText('
    Icon & Text
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},e$=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    (Default) No Overflow
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    (Default) No Overflow
    '),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    With Overflow (max-width)
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    With Overflow (max-width)
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    With Overflow (max-width)
    '),navigator.clipboard.writeText('
    With Overflow (max-width)
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:''})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n"),navigator.clipboard.writeText("\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n"),navigator.clipboard.writeText("\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n")},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n'),navigator.clipboard.writeText('\n
    \n
      \n
    • \n Tab 1\n
    • \n
    • \n Tab 2\n
    • \n
    • \n Tab 3\n
    • \n
    \n
    \n
    Tab Panel 1
    \n
    Tab Panel 2
    \n
    Tab Panel 3
    \n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n functional\x3c!-- --\x3eFunctional\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n functional\x3c!-- --\x3eFunctional\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functional\x3c!-- --\x3eFunctional\n
  • '),navigator.clipboard.writeText('
  • \n functional\x3c!-- --\x3eFunctional\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
  • '),navigator.clipboard.writeText('
  • \n (Default) Regular\x3c!-- --\x3e(Default)\n Regular\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n expressive\x3c!-- --\x3eExpressive\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n expressive\x3c!-- --\x3eExpressive\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressive\x3c!-- --\x3eExpressive\n
  • '),navigator.clipboard.writeText('
  • \n expressive\x3c!-- --\x3eExpressive\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
  • '),navigator.clipboard.writeText('
  • \n (Default) Enabled\x3c!-- --\x3e(Default)\n Enabled\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n active\x3c!-- --\x3eactive\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n active\x3c!-- --\x3eactive\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n active\x3c!-- --\x3eactive\n
  • '),navigator.clipboard.writeText('
  • \n active\x3c!-- --\x3eactive\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n active\x3c!-- --\x3edisabled\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n active\x3c!-- --\x3edisabled\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n active\x3c!-- --\x3edisabled\n
  • '),navigator.clipboard.writeText('
  • \n active\x3c!-- --\x3edisabled\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
  • '),navigator.clipboard.writeText('
  • \n (Default) Text\x3c!-- --\x3e(Default)\n Text\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
  • '),navigator.clipboard.writeText('
  • \n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
  • '),navigator.clipboard.writeText('
  • \n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
  • '),navigator.clipboard.writeText('
  • \n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
  • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width\x3c!-- --\x3e(Default)\n Auto Width\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
  • \n Width full\x3c!-- --\x3eWidth\n full\n
  • '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
  • \n Width full\x3c!-- --\x3eWidth\n full\n
  • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width full\x3c!-- --\x3eWidth\n full\n
  • '),navigator.clipboard.writeText('
  • \n Width full\x3c!-- --\x3eWidth\n full\n
  • ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n FunctionalTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) RegularTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n ExpressiveTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},an=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ae=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) No validationTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) No validation\n'),navigator.clipboard.writeText('\n(Default) No validation\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n InvalidTODO: Add a validMessageInvalid Message\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n InvalidTODO: Add a validMessageInvalid Message\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n InvalidTODO: Add a validMessageInvalid Message\n
    '),navigator.clipboard.writeText('
    \n InvalidTODO: Add a validMessageInvalid Message\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInvalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInvalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInvalid\n'),navigator.clipboard.writeText('\nInvalid\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n ValidValid messageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n ValidValid messageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n ValidValid messageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n ValidValid messageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nValid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nValid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nValid\n'),navigator.clipboard.writeText('\nValid\n')},children:"Copy code"})]})]})})]})},aa=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) MediumTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n SmallTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},at=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n (Default) FalseTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n TrueTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ai=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) True\n'),navigator.clipboard.writeText('\n (Default) True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n False\n'),navigator.clipboard.writeText('\n False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},ao=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Long label '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Long label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Long label '),navigator.clipboard.writeText(' Long label ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    '),navigator.clipboard.writeText('
    \n Long labelTODO: Add a validMessageTODO: Add an invalidMessage\n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Long label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Long label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Long label\n'),navigator.clipboard.writeText('\n Long label\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nLong label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nLong label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLong label\n'),navigator.clipboard.writeText('\nLong label\n')},children:"Copy code"})]})]})})})},al=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},as=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})})]})},ar=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) True '),navigator.clipboard.writeText(' (Default) True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) True\n'),navigator.clipboard.writeText('\n (Default) True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) True\n'),navigator.clipboard.writeText('\n(Default) True\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' False '),navigator.clipboard.writeText(' False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n False\n'),navigator.clipboard.writeText('\n False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFalse\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFalse\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFalse\n'),navigator.clipboard.writeText('\nFalse\n')},children:"Copy code"})]})]})})]})},ac=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ad=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})})]})},ab=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ah=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},au=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) No validation\n'),navigator.clipboard.writeText('\n (Default) No validation\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) No validation\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) No validation\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) No validation\n'),navigator.clipboard.writeText('\n(Default) No validation\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Invalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Invalid\n'),navigator.clipboard.writeText('\n Invalid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nInvalid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nInvalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInvalid\n'),navigator.clipboard.writeText('\nInvalid\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Valid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Valid\n'),navigator.clipboard.writeText('\n Valid\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nValid\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nValid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nValid\n'),navigator.clipboard.writeText('\nValid\n')},children:"Copy code"})]})]})})]})},ap=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) False '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) False '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) False '),navigator.clipboard.writeText(' (Default) False ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) False\n'),navigator.clipboard.writeText('\n (Default) False\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) False\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) False\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) False\n'),navigator.clipboard.writeText('\n(Default) False\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' True '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' True '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' True '),navigator.clipboard.writeText(' True ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n True\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n True\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n True\n'),navigator.clipboard.writeText('\n True\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTrue\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTrue\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTrue\n'),navigator.clipboard.writeText('\nTrue\n')},children:"Copy code"})]})]})})]})},ax=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ag=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})})]})},am=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},av=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})}),(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\n File\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n File\n'),navigator.clipboard.writeText('\n File\n')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:'\nFile\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFile\n'),navigator.clipboard.writeText('\nFile\n')},children:"Copy code"})]})]})})]})},aD=()=>{let[n,e]=(0,H.useState)();return(0,H.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(S.A,{className:"tab-container",children:(0,L.jsxs)(ng.A,{children:[(0,L.jsxs)(nm.A,{children:[(0,L.jsx)(nv.A,{children:"Angular"}),(0,L.jsx)(nv.A,{children:"HTML"}),(0,L.jsx)(nv.A,{children:"React"}),(0,L.jsx)(nv.A,{children:"Vue"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,L.jsx)(_.A,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,L.jsxs)(nD.A,{children:[(0,L.jsx)(O.A,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,L.jsx)("pre",{children:(0,L.jsx)("code",{className:"hljs language-html",children:'