From 7d405627030673d95038b01f2ae5d6ea398382d5 Mon Sep 17 00:00:00 2001 From: nmerget Date: Tue, 5 Nov 2024 16:33:01 +0000 Subject: [PATCH] deploy: eae31d0c2aa19e14a0a59383e43ad26bffbd63b4 --- review/main/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 .../components/data-display/accordion-item.json | 0 .../components/data-display/accordion-item/overview.json | 0 .../components/data-display/accordion.json | 0 .../components/data-display/accordion/overview.json | 0 .../components/data-display/brand.json | 0 .../components/data-display/brand/overview.json | 0 .../components/data-display/infotext.json | 0 .../components/data-display/infotext/overview.json | 0 .../components/data-display/tab-item.json | 0 .../components/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 .../components/data-display/tooltip/overview.json | 0 .../components/data-input.json | 0 .../components/data-input/checkbox.json | 0 .../components/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 .../components/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 .../components/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/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 .../components/navigation/navigation-item/overview.json | 0 .../components/navigation/navigation.json | 0 .../components/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/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 .../{6460-ef82fabfef2ba7b9.js => 6460-68e26d8539ec4855.js} | 2 +- review/main/_next/static/css/0bb54290e20b4a24.css | 1 + review/main/_next/static/css/8438017fb4ebdd9e.css | 1 - review/main/base64.html | 2 +- review/main/components.html | 2 +- review/main/components/accordion-item.html | 2 +- review/main/components/accordion-item/docs/Angular.html | 2 +- review/main/components/accordion-item/docs/HTML.html | 2 +- review/main/components/accordion-item/docs/React.html | 2 +- review/main/components/accordion-item/docs/Vue.html | 2 +- review/main/components/accordion-item/overview.html | 2 +- review/main/components/accordion-item/properties.html | 2 +- review/main/components/accordion.html | 2 +- review/main/components/accordion/docs/Angular.html | 2 +- review/main/components/accordion/docs/HTML.html | 2 +- review/main/components/accordion/docs/React.html | 2 +- review/main/components/accordion/docs/Vue.html | 2 +- review/main/components/accordion/overview.html | 2 +- review/main/components/accordion/properties.html | 2 +- review/main/components/action.html | 2 +- review/main/components/action/button.html | 2 +- review/main/components/action/button/docs/Angular.html | 4 ++-- review/main/components/action/button/docs/HTML.html | 4 ++-- review/main/components/action/button/docs/Migration.html | 4 ++-- review/main/components/action/button/docs/React.html | 4 ++-- review/main/components/action/button/docs/Vue.html | 4 ++-- review/main/components/action/button/how-to-use.html | 2 +- review/main/components/action/button/migration.html | 2 +- review/main/components/action/button/overview.html | 2 +- review/main/components/action/button/properties.html | 2 +- review/main/components/action/link.html | 2 +- review/main/components/action/link/docs/Angular.html | 4 ++-- review/main/components/action/link/docs/HTML.html | 4 ++-- review/main/components/action/link/docs/Migration.html | 4 ++-- review/main/components/action/link/docs/React.html | 4 ++-- review/main/components/action/link/docs/Vue.html | 4 ++-- review/main/components/action/link/how-to-use.html | 2 +- review/main/components/action/link/migration.html | 2 +- review/main/components/action/link/overview.html | 2 +- review/main/components/action/link/properties.html | 2 +- review/main/components/badge.html | 2 +- review/main/components/badge/docs/Angular.html | 2 +- review/main/components/badge/docs/HTML.html | 2 +- review/main/components/badge/docs/React.html | 2 +- review/main/components/badge/docs/Vue.html | 2 +- review/main/components/badge/overview.html | 2 +- review/main/components/badge/properties.html | 2 +- review/main/components/brand.html | 2 +- review/main/components/brand/docs/Angular.html | 2 +- review/main/components/brand/docs/HTML.html | 2 +- review/main/components/brand/docs/React.html | 2 +- review/main/components/brand/docs/Vue.html | 2 +- review/main/components/brand/overview.html | 2 +- review/main/components/brand/properties.html | 2 +- review/main/components/button.html | 2 +- review/main/components/button/docs/Angular.html | 2 +- review/main/components/button/docs/HTML.html | 2 +- review/main/components/button/docs/React.html | 2 +- review/main/components/button/docs/Vue.html | 2 +- review/main/components/button/overview.html | 2 +- review/main/components/button/properties.html | 2 +- review/main/components/card.html | 2 +- review/main/components/card/docs/Angular.html | 2 +- review/main/components/card/docs/HTML.html | 2 +- review/main/components/card/docs/React.html | 2 +- review/main/components/card/docs/Vue.html | 2 +- review/main/components/card/overview.html | 2 +- review/main/components/card/properties.html | 2 +- review/main/components/checkbox.html | 2 +- review/main/components/checkbox/docs/Angular.html | 2 +- review/main/components/checkbox/docs/HTML.html | 2 +- review/main/components/checkbox/docs/React.html | 2 +- review/main/components/checkbox/docs/Vue.html | 2 +- review/main/components/checkbox/overview.html | 2 +- review/main/components/checkbox/properties.html | 2 +- review/main/components/data-display.html | 2 +- review/main/components/data-display/accordion-item.html | 2 +- .../components/data-display/accordion-item/docs/Angular.html | 4 ++-- .../components/data-display/accordion-item/docs/HTML.html | 4 ++-- .../data-display/accordion-item/docs/Migration.html | 4 ++-- .../components/data-display/accordion-item/docs/React.html | 4 ++-- .../main/components/data-display/accordion-item/docs/Vue.html | 4 ++-- .../components/data-display/accordion-item/how-to-use.html | 2 +- .../components/data-display/accordion-item/migration.html | 2 +- .../main/components/data-display/accordion-item/overview.html | 2 +- .../components/data-display/accordion-item/properties.html | 2 +- review/main/components/data-display/accordion.html | 2 +- .../main/components/data-display/accordion/docs/Angular.html | 4 ++-- review/main/components/data-display/accordion/docs/HTML.html | 4 ++-- .../components/data-display/accordion/docs/Migration.html | 4 ++-- review/main/components/data-display/accordion/docs/React.html | 4 ++-- review/main/components/data-display/accordion/docs/Vue.html | 4 ++-- review/main/components/data-display/accordion/how-to-use.html | 2 +- review/main/components/data-display/accordion/migration.html | 2 +- review/main/components/data-display/accordion/overview.html | 2 +- review/main/components/data-display/accordion/properties.html | 2 +- review/main/components/data-display/brand.html | 2 +- review/main/components/data-display/brand/docs/Angular.html | 4 ++-- review/main/components/data-display/brand/docs/HTML.html | 4 ++-- review/main/components/data-display/brand/docs/Migration.html | 4 ++-- review/main/components/data-display/brand/docs/React.html | 4 ++-- review/main/components/data-display/brand/docs/Vue.html | 4 ++-- review/main/components/data-display/brand/how-to-use.html | 2 +- review/main/components/data-display/brand/migration.html | 2 +- review/main/components/data-display/brand/overview.html | 2 +- review/main/components/data-display/brand/properties.html | 2 +- review/main/components/data-display/infotext.html | 2 +- .../main/components/data-display/infotext/docs/Angular.html | 4 ++-- review/main/components/data-display/infotext/docs/HTML.html | 4 ++-- .../main/components/data-display/infotext/docs/Migration.html | 4 ++-- review/main/components/data-display/infotext/docs/React.html | 4 ++-- review/main/components/data-display/infotext/docs/Vue.html | 4 ++-- review/main/components/data-display/infotext/how-to-use.html | 2 +- review/main/components/data-display/infotext/migration.html | 2 +- review/main/components/data-display/infotext/overview.html | 2 +- review/main/components/data-display/infotext/properties.html | 2 +- review/main/components/data-display/tab-item.html | 2 +- .../main/components/data-display/tab-item/docs/Angular.html | 4 ++-- review/main/components/data-display/tab-item/docs/HTML.html | 4 ++-- .../main/components/data-display/tab-item/docs/Migration.html | 4 ++-- review/main/components/data-display/tab-item/docs/React.html | 4 ++-- review/main/components/data-display/tab-item/docs/Vue.html | 4 ++-- review/main/components/data-display/tab-item/how-to-use.html | 2 +- review/main/components/data-display/tab-item/migration.html | 2 +- review/main/components/data-display/tab-item/overview.html | 2 +- review/main/components/data-display/tab-item/properties.html | 2 +- review/main/components/data-display/tabs.html | 2 +- review/main/components/data-display/tabs/docs/Angular.html | 4 ++-- review/main/components/data-display/tabs/docs/HTML.html | 4 ++-- review/main/components/data-display/tabs/docs/Migration.html | 4 ++-- review/main/components/data-display/tabs/docs/React.html | 4 ++-- review/main/components/data-display/tabs/docs/Vue.html | 4 ++-- review/main/components/data-display/tabs/how-to-use.html | 2 +- review/main/components/data-display/tabs/migration.html | 2 +- review/main/components/data-display/tabs/overview.html | 2 +- review/main/components/data-display/tabs/properties.html | 2 +- review/main/components/data-display/tag.html | 2 +- review/main/components/data-display/tag/docs/Angular.html | 4 ++-- review/main/components/data-display/tag/docs/HTML.html | 4 ++-- review/main/components/data-display/tag/docs/Migration.html | 4 ++-- review/main/components/data-display/tag/docs/React.html | 4 ++-- review/main/components/data-display/tag/docs/Vue.html | 4 ++-- review/main/components/data-display/tag/how-to-use.html | 2 +- review/main/components/data-display/tag/migration.html | 2 +- review/main/components/data-display/tag/overview.html | 2 +- review/main/components/data-display/tag/properties.html | 2 +- review/main/components/data-display/tooltip.html | 2 +- review/main/components/data-display/tooltip/docs/Angular.html | 4 ++-- review/main/components/data-display/tooltip/docs/HTML.html | 4 ++-- .../main/components/data-display/tooltip/docs/Migration.html | 4 ++-- review/main/components/data-display/tooltip/docs/React.html | 4 ++-- review/main/components/data-display/tooltip/docs/Vue.html | 4 ++-- review/main/components/data-display/tooltip/how-to-use.html | 2 +- review/main/components/data-display/tooltip/migration.html | 2 +- review/main/components/data-display/tooltip/overview.html | 2 +- review/main/components/data-display/tooltip/properties.html | 2 +- review/main/components/data-input.html | 2 +- review/main/components/data-input/checkbox.html | 2 +- review/main/components/data-input/checkbox/docs/Angular.html | 4 ++-- review/main/components/data-input/checkbox/docs/HTML.html | 4 ++-- .../main/components/data-input/checkbox/docs/Migration.html | 4 ++-- review/main/components/data-input/checkbox/docs/React.html | 4 ++-- review/main/components/data-input/checkbox/docs/Vue.html | 4 ++-- review/main/components/data-input/checkbox/how-to-use.html | 2 +- review/main/components/data-input/checkbox/migration.html | 2 +- review/main/components/data-input/checkbox/overview.html | 2 +- review/main/components/data-input/checkbox/properties.html | 2 +- review/main/components/data-input/input.html | 2 +- review/main/components/data-input/input/docs/Angular.html | 4 ++-- review/main/components/data-input/input/docs/HTML.html | 4 ++-- review/main/components/data-input/input/docs/Migration.html | 4 ++-- review/main/components/data-input/input/docs/React.html | 4 ++-- review/main/components/data-input/input/docs/Vue.html | 4 ++-- review/main/components/data-input/input/how-to-use.html | 2 +- review/main/components/data-input/input/migration.html | 2 +- review/main/components/data-input/input/overview.html | 2 +- review/main/components/data-input/input/properties.html | 2 +- review/main/components/data-input/radio.html | 2 +- review/main/components/data-input/radio/docs/Angular.html | 4 ++-- review/main/components/data-input/radio/docs/HTML.html | 4 ++-- review/main/components/data-input/radio/docs/Migration.html | 4 ++-- review/main/components/data-input/radio/docs/React.html | 4 ++-- review/main/components/data-input/radio/docs/Vue.html | 4 ++-- review/main/components/data-input/radio/how-to-use.html | 2 +- review/main/components/data-input/radio/migration.html | 2 +- review/main/components/data-input/radio/overview.html | 2 +- review/main/components/data-input/radio/properties.html | 2 +- review/main/components/data-input/select.html | 2 +- review/main/components/data-input/select/docs/Angular.html | 4 ++-- review/main/components/data-input/select/docs/HTML.html | 4 ++-- review/main/components/data-input/select/docs/Migration.html | 4 ++-- review/main/components/data-input/select/docs/React.html | 4 ++-- review/main/components/data-input/select/docs/Vue.html | 4 ++-- review/main/components/data-input/select/how-to-use.html | 2 +- review/main/components/data-input/select/migration.html | 2 +- review/main/components/data-input/select/overview.html | 2 +- review/main/components/data-input/select/properties.html | 2 +- review/main/components/data-input/switch.html | 2 +- review/main/components/data-input/switch/docs/Angular.html | 4 ++-- review/main/components/data-input/switch/docs/HTML.html | 4 ++-- review/main/components/data-input/switch/docs/Migration.html | 4 ++-- review/main/components/data-input/switch/docs/React.html | 4 ++-- review/main/components/data-input/switch/docs/Vue.html | 4 ++-- review/main/components/data-input/switch/how-to-use.html | 2 +- review/main/components/data-input/switch/migration.html | 2 +- review/main/components/data-input/switch/overview.html | 2 +- review/main/components/data-input/switch/properties.html | 2 +- review/main/components/data-input/textarea.html | 2 +- review/main/components/data-input/textarea/docs/Angular.html | 4 ++-- review/main/components/data-input/textarea/docs/HTML.html | 4 ++-- .../main/components/data-input/textarea/docs/Migration.html | 4 ++-- review/main/components/data-input/textarea/docs/React.html | 4 ++-- review/main/components/data-input/textarea/docs/Vue.html | 4 ++-- review/main/components/data-input/textarea/how-to-use.html | 2 +- review/main/components/data-input/textarea/migration.html | 2 +- review/main/components/data-input/textarea/overview.html | 2 +- review/main/components/data-input/textarea/properties.html | 2 +- review/main/components/divider.html | 2 +- review/main/components/divider/docs/Angular.html | 2 +- review/main/components/divider/docs/HTML.html | 2 +- review/main/components/divider/docs/React.html | 2 +- review/main/components/divider/docs/Vue.html | 2 +- review/main/components/divider/overview.html | 2 +- review/main/components/divider/properties.html | 2 +- review/main/components/drawer.html | 2 +- review/main/components/drawer/docs/Angular.html | 2 +- review/main/components/drawer/docs/HTML.html | 2 +- review/main/components/drawer/docs/React.html | 2 +- review/main/components/drawer/docs/Vue.html | 2 +- review/main/components/drawer/overview.html | 2 +- review/main/components/drawer/properties.html | 2 +- review/main/components/feedback.html | 2 +- review/main/components/feedback/badge.html | 2 +- review/main/components/feedback/badge/docs/Angular.html | 4 ++-- review/main/components/feedback/badge/docs/HTML.html | 4 ++-- review/main/components/feedback/badge/docs/Migration.html | 4 ++-- review/main/components/feedback/badge/docs/React.html | 4 ++-- review/main/components/feedback/badge/docs/Vue.html | 4 ++-- review/main/components/feedback/badge/how-to-use.html | 2 +- review/main/components/feedback/badge/migration.html | 2 +- review/main/components/feedback/badge/overview.html | 2 +- review/main/components/feedback/badge/properties.html | 2 +- review/main/components/feedback/notification.html | 2 +- .../main/components/feedback/notification/docs/Angular.html | 4 ++-- review/main/components/feedback/notification/docs/HTML.html | 4 ++-- .../main/components/feedback/notification/docs/Migration.html | 4 ++-- review/main/components/feedback/notification/docs/React.html | 4 ++-- review/main/components/feedback/notification/docs/Vue.html | 4 ++-- review/main/components/feedback/notification/how-to-use.html | 2 +- review/main/components/feedback/notification/migration.html | 2 +- review/main/components/feedback/notification/overview.html | 2 +- review/main/components/feedback/notification/properties.html | 2 +- review/main/components/header.html | 2 +- review/main/components/header/docs/Angular.html | 2 +- review/main/components/header/docs/HTML.html | 2 +- review/main/components/header/docs/React.html | 2 +- review/main/components/header/docs/Vue.html | 2 +- review/main/components/header/overview.html | 2 +- review/main/components/header/properties.html | 2 +- review/main/components/infotext.html | 2 +- review/main/components/infotext/docs/Angular.html | 2 +- review/main/components/infotext/docs/HTML.html | 2 +- review/main/components/infotext/docs/React.html | 2 +- review/main/components/infotext/docs/Vue.html | 2 +- review/main/components/infotext/overview.html | 2 +- review/main/components/infotext/properties.html | 2 +- review/main/components/input.html | 2 +- review/main/components/input/docs/Angular.html | 2 +- review/main/components/input/docs/HTML.html | 2 +- review/main/components/input/docs/React.html | 2 +- review/main/components/input/docs/Vue.html | 2 +- review/main/components/input/overview.html | 2 +- review/main/components/input/properties.html | 2 +- review/main/components/layout.html | 2 +- review/main/components/layout/card.html | 2 +- review/main/components/layout/card/docs/Angular.html | 4 ++-- review/main/components/layout/card/docs/HTML.html | 4 ++-- review/main/components/layout/card/docs/Migration.html | 4 ++-- review/main/components/layout/card/docs/React.html | 4 ++-- review/main/components/layout/card/docs/Vue.html | 4 ++-- review/main/components/layout/card/how-to-use.html | 2 +- review/main/components/layout/card/migration.html | 2 +- review/main/components/layout/card/overview.html | 2 +- review/main/components/layout/card/properties.html | 2 +- review/main/components/layout/divider.html | 2 +- review/main/components/layout/divider/docs/Angular.html | 4 ++-- review/main/components/layout/divider/docs/HTML.html | 4 ++-- review/main/components/layout/divider/docs/Migration.html | 4 ++-- review/main/components/layout/divider/docs/React.html | 4 ++-- review/main/components/layout/divider/docs/Vue.html | 4 ++-- review/main/components/layout/divider/how-to-use.html | 2 +- review/main/components/layout/divider/migration.html | 2 +- review/main/components/layout/divider/overview.html | 2 +- review/main/components/layout/divider/properties.html | 2 +- review/main/components/layout/drawer.html | 2 +- review/main/components/layout/drawer/docs/Angular.html | 4 ++-- review/main/components/layout/drawer/docs/HTML.html | 4 ++-- review/main/components/layout/drawer/docs/Migration.html | 4 ++-- review/main/components/layout/drawer/docs/React.html | 4 ++-- review/main/components/layout/drawer/docs/Vue.html | 4 ++-- review/main/components/layout/drawer/how-to-use.html | 2 +- review/main/components/layout/drawer/migration.html | 2 +- review/main/components/layout/drawer/overview.html | 2 +- review/main/components/layout/drawer/properties.html | 2 +- review/main/components/layout/header.html | 2 +- review/main/components/layout/header/docs/Angular.html | 4 ++-- review/main/components/layout/header/docs/HTML.html | 4 ++-- review/main/components/layout/header/docs/Migration.html | 4 ++-- review/main/components/layout/header/docs/React.html | 4 ++-- review/main/components/layout/header/docs/Vue.html | 4 ++-- review/main/components/layout/header/how-to-use.html | 2 +- review/main/components/layout/header/migration.html | 2 +- review/main/components/layout/header/overview.html | 2 +- review/main/components/layout/header/properties.html | 2 +- review/main/components/layout/section.html | 2 +- review/main/components/layout/section/docs/Angular.html | 4 ++-- review/main/components/layout/section/docs/HTML.html | 4 ++-- review/main/components/layout/section/docs/Migration.html | 4 ++-- review/main/components/layout/section/docs/React.html | 4 ++-- review/main/components/layout/section/docs/Vue.html | 4 ++-- review/main/components/layout/section/how-to-use.html | 2 +- review/main/components/layout/section/migration.html | 2 +- review/main/components/layout/section/overview.html | 2 +- review/main/components/layout/section/properties.html | 2 +- review/main/components/link.html | 2 +- review/main/components/link/docs/Angular.html | 2 +- review/main/components/link/docs/HTML.html | 2 +- review/main/components/link/docs/React.html | 2 +- review/main/components/link/docs/Vue.html | 2 +- review/main/components/link/overview.html | 2 +- review/main/components/link/properties.html | 2 +- review/main/components/navigation-item.html | 2 +- review/main/components/navigation-item/docs/Angular.html | 2 +- review/main/components/navigation-item/docs/HTML.html | 2 +- review/main/components/navigation-item/docs/React.html | 2 +- review/main/components/navigation-item/docs/Vue.html | 2 +- review/main/components/navigation-item/overview.html | 2 +- review/main/components/navigation-item/properties.html | 2 +- review/main/components/navigation.html | 2 +- review/main/components/navigation/docs/Angular.html | 2 +- review/main/components/navigation/docs/HTML.html | 2 +- review/main/components/navigation/docs/React.html | 2 +- review/main/components/navigation/docs/Vue.html | 2 +- review/main/components/navigation/navigation-item.html | 2 +- .../components/navigation/navigation-item/docs/Angular.html | 4 ++-- .../main/components/navigation/navigation-item/docs/HTML.html | 4 ++-- .../components/navigation/navigation-item/docs/Migration.html | 4 ++-- .../components/navigation/navigation-item/docs/React.html | 4 ++-- .../main/components/navigation/navigation-item/docs/Vue.html | 4 ++-- .../components/navigation/navigation-item/how-to-use.html | 2 +- .../main/components/navigation/navigation-item/migration.html | 2 +- .../main/components/navigation/navigation-item/overview.html | 2 +- .../components/navigation/navigation-item/properties.html | 2 +- review/main/components/navigation/navigation.html | 2 +- .../components/navigation/navigation/docs/Accessibility.html | 4 ++-- .../main/components/navigation/navigation/docs/Angular.html | 4 ++-- review/main/components/navigation/navigation/docs/HTML.html | 4 ++-- .../main/components/navigation/navigation/docs/Migration.html | 4 ++-- review/main/components/navigation/navigation/docs/React.html | 4 ++-- review/main/components/navigation/navigation/docs/Vue.html | 4 ++-- review/main/components/navigation/navigation/how-to-use.html | 2 +- review/main/components/navigation/navigation/migration.html | 2 +- review/main/components/navigation/navigation/overview.html | 2 +- review/main/components/navigation/navigation/properties.html | 2 +- review/main/components/navigation/overview.html | 2 +- review/main/components/navigation/properties.html | 2 +- review/main/components/notification.html | 2 +- review/main/components/notification/docs/Angular.html | 2 +- review/main/components/notification/docs/HTML.html | 2 +- review/main/components/notification/docs/React.html | 2 +- review/main/components/notification/docs/Vue.html | 2 +- review/main/components/notification/overview.html | 2 +- review/main/components/notification/properties.html | 2 +- review/main/components/popover.html | 2 +- review/main/components/popover/docs/Angular.html | 2 +- review/main/components/popover/docs/HTML.html | 2 +- review/main/components/popover/docs/React.html | 2 +- review/main/components/popover/docs/Vue.html | 2 +- review/main/components/popover/overview.html | 2 +- review/main/components/popover/properties.html | 2 +- review/main/components/radio.html | 2 +- review/main/components/radio/docs/Angular.html | 2 +- review/main/components/radio/docs/HTML.html | 2 +- review/main/components/radio/docs/React.html | 2 +- review/main/components/radio/docs/Vue.html | 2 +- review/main/components/radio/overview.html | 2 +- review/main/components/radio/properties.html | 2 +- review/main/components/readme.html | 2 +- review/main/components/router-usage.html | 2 +- review/main/components/section.html | 2 +- review/main/components/section/docs/Angular.html | 2 +- review/main/components/section/docs/HTML.html | 2 +- review/main/components/section/docs/React.html | 2 +- review/main/components/section/docs/Vue.html | 2 +- review/main/components/section/overview.html | 2 +- review/main/components/section/properties.html | 2 +- review/main/components/select.html | 2 +- review/main/components/select/docs/Angular.html | 2 +- review/main/components/select/docs/HTML.html | 2 +- review/main/components/select/docs/React.html | 2 +- review/main/components/select/docs/Vue.html | 2 +- review/main/components/select/overview.html | 2 +- review/main/components/select/properties.html | 2 +- review/main/components/switch.html | 2 +- review/main/components/switch/docs/Angular.html | 2 +- review/main/components/switch/docs/HTML.html | 2 +- review/main/components/switch/docs/React.html | 2 +- review/main/components/switch/docs/Vue.html | 2 +- review/main/components/switch/overview.html | 2 +- review/main/components/switch/properties.html | 2 +- review/main/components/tab-item.html | 2 +- review/main/components/tab-item/docs/Angular.html | 2 +- review/main/components/tab-item/docs/HTML.html | 2 +- review/main/components/tab-item/docs/React.html | 2 +- review/main/components/tab-item/docs/Vue.html | 2 +- review/main/components/tab-item/overview.html | 2 +- review/main/components/tab-item/properties.html | 2 +- review/main/components/tabs.html | 2 +- review/main/components/tabs/docs/Angular.html | 2 +- review/main/components/tabs/docs/HTML.html | 2 +- review/main/components/tabs/docs/React.html | 2 +- review/main/components/tabs/docs/Vue.html | 2 +- review/main/components/tabs/overview.html | 2 +- review/main/components/tabs/properties.html | 2 +- review/main/components/tag.html | 2 +- review/main/components/tag/docs/Angular.html | 2 +- review/main/components/tag/docs/HTML.html | 2 +- review/main/components/tag/docs/React.html | 2 +- review/main/components/tag/docs/Vue.html | 2 +- review/main/components/tag/overview.html | 2 +- review/main/components/tag/properties.html | 2 +- review/main/components/textarea.html | 2 +- review/main/components/textarea/docs/Angular.html | 2 +- review/main/components/textarea/docs/HTML.html | 2 +- review/main/components/textarea/docs/React.html | 2 +- review/main/components/textarea/docs/Vue.html | 2 +- review/main/components/textarea/overview.html | 2 +- review/main/components/textarea/properties.html | 2 +- review/main/components/tooltip.html | 2 +- review/main/components/tooltip/docs/Angular.html | 2 +- review/main/components/tooltip/docs/HTML.html | 2 +- review/main/components/tooltip/docs/React.html | 2 +- review/main/components/tooltip/docs/Vue.html | 2 +- review/main/components/tooltip/overview.html | 2 +- review/main/components/tooltip/properties.html | 2 +- review/main/components/utilities.html | 2 +- review/main/components/utilities/popover.html | 2 +- review/main/components/utilities/popover/docs/Angular.html | 4 ++-- review/main/components/utilities/popover/docs/HTML.html | 4 ++-- review/main/components/utilities/popover/docs/Migration.html | 4 ++-- review/main/components/utilities/popover/docs/React.html | 4 ++-- review/main/components/utilities/popover/docs/Vue.html | 4 ++-- review/main/components/utilities/popover/how-to-use.html | 2 +- review/main/components/utilities/popover/migration.html | 2 +- review/main/components/utilities/popover/overview.html | 2 +- review/main/components/utilities/popover/properties.html | 2 +- review/main/components/validation.html | 2 +- review/main/foundations.html | 2 +- review/main/foundations/colors.html | 2 +- review/main/foundations/colors/color-classes.html | 2 +- review/main/foundations/colors/color-schemes.html | 2 +- review/main/foundations/colors/color-usage-guide.html | 2 +- review/main/foundations/colors/readme.html | 2 +- review/main/foundations/densities.html | 2 +- review/main/foundations/densities/examples.html | 2 +- review/main/foundations/densities/readme.html | 2 +- review/main/foundations/font-sizes.html | 2 +- review/main/foundations/font-sizes/overview.html | 2 +- review/main/foundations/font-sizes/readme.html | 2 +- review/main/foundations/icons.html | 2 +- review/main/foundations/icons/custom-icons.html | 2 +- review/main/foundations/icons/overview.html | 2 +- review/main/foundations/icons/readme.html | 2 +- review/main/foundations/readme.html | 2 +- review/main/foundations/test-table.html | 2 +- review/main/foundations/variables.html | 2 +- review/main/foundations/variables/examples.html | 2 +- review/main/foundations/variables/readme.html | 2 +- review/main/iframe.html | 2 +- review/main/index.html | 2 +- 594 files changed, 612 insertions(+), 612 deletions(-) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/accordion-item.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/accordion-item/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/accordion.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/accordion/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/action.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/action/button.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/action/button/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/action/link.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/action/link/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/badge.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/badge/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/brand.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/brand/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/button.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/button/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/card.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/card/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/checkbox.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/checkbox/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/accordion-item.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/accordion-item/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/accordion.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/accordion/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/brand.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/brand/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/infotext.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/infotext/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tab-item.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tab-item/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tabs.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tabs/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tag.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tag/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tooltip.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-display/tooltip/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/checkbox.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/checkbox/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/input.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/input/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/radio.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/radio/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/select.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/select/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/switch.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/switch/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/textarea.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/data-input/textarea/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/divider.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/divider/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/drawer.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/drawer/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/feedback.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/feedback/badge.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/feedback/badge/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/feedback/notification.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/feedback/notification/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/header.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/header/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/infotext.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/infotext/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/input.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/input/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/card.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/card/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/divider.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/divider/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/drawer.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/drawer/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/header.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/header/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/section.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/layout/section/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/link.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/link/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation-item.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation-item/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation/navigation-item.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation/navigation-item/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation/navigation.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation/navigation/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/navigation/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/notification.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/notification/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/popover.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/popover/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/radio.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/radio/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/section.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/section/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/select.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/select/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/switch.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/switch/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tab-item.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tab-item/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tabs.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tabs/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tag.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tag/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/textarea.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/textarea/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tooltip.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/tooltip/overview.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/utilities.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/utilities/popover.json (100%) rename review/main/_next/data/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/components/utilities/popover/overview.json (100%) rename review/main/_next/static/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/_buildManifest.js (99%) rename review/main/_next/static/{HAxQMhB6WlchBuIf5rinY => 3nbcDS5LU19AqMPosdhiM}/_ssgManifest.js (100%) rename review/main/_next/static/chunks/{6460-ef82fabfef2ba7b9.js => 6460-68e26d8539ec4855.js} (53%) create mode 100644 review/main/_next/static/css/0bb54290e20b4a24.css delete mode 100644 review/main/_next/static/css/8438017fb4ebdd9e.css diff --git a/review/main/404.html b/review/main/404.html index 6ecacfcb368..a31b4478355 100644 --- a/review/main/404.html +++ b/review/main/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/main/_next/data/HAxQMhB6WlchBuIf5rinY/components.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion-item.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion-item.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion-item.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion-item.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion-item/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion-item/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion-item/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion-item/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/accordion/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/accordion/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/button.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/button.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/button.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/button.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/button/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/button/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/button/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/button/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/link.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/link.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/link.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/link.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/link/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/link/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/action/link/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/action/link/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/badge.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/badge.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/badge.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/badge.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/badge/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/badge/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/badge/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/badge/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/brand.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/brand.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/brand.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/brand.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/brand/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/brand/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/brand/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/brand/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/button.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/button.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/button.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/button.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/button/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/button/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/button/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/button/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/card.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/card.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/card.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/card.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/card/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/card/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/card/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/card/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/checkbox.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/checkbox.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/checkbox.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/checkbox.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/checkbox/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/checkbox/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/checkbox/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/checkbox/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion-item.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion-item.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion-item.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion-item.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion-item/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion-item/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion-item/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion-item/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/accordion/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/accordion/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/brand.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/brand.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/brand.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/brand.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/brand/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/brand/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/brand/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/brand/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/infotext.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/infotext.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/infotext.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/infotext.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/infotext/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/infotext/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/infotext/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/infotext/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tab-item.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tab-item.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tab-item.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tab-item.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tab-item/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tab-item/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tab-item/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tab-item/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tabs.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tabs.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tabs.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tabs.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tabs/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tabs/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tabs/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tabs/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tag.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tag.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tag.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tag.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tag/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tag/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tag/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tag/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tooltip.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tooltip.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tooltip.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tooltip.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tooltip/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tooltip/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-display/tooltip/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-display/tooltip/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/checkbox.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/checkbox.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/checkbox.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/checkbox.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/checkbox/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/checkbox/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/checkbox/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/checkbox/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/input.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/input.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/input.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/input.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/input/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/input/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/input/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/input/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/radio.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/radio.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/radio.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/radio.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/radio/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/radio/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/radio/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/radio/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/select.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/select.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/select.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/select.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/select/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/select/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/select/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/select/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/switch.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/switch.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/switch.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/switch.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/switch/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/switch/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/switch/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/switch/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/textarea.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/textarea.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/textarea.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/textarea.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/textarea/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/textarea/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/data-input/textarea/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/data-input/textarea/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/divider.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/divider.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/divider.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/divider.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/divider/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/divider/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/divider/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/divider/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/drawer.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/drawer.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/drawer.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/drawer.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/drawer/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/drawer/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/drawer/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/drawer/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/badge.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/badge.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/badge.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/badge.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/badge/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/badge/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/badge/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/badge/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/notification.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/notification.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/notification.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/notification.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/notification/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/notification/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/feedback/notification/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/feedback/notification/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/header.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/header.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/header.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/header.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/header/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/header/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/header/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/header/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/infotext.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/infotext.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/infotext.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/infotext.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/infotext/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/infotext/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/infotext/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/infotext/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/input.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/input.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/input.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/input.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/input/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/input/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/input/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/input/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/card.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/card.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/card.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/card.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/card/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/card/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/card/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/card/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/divider.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/divider.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/divider.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/divider.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/divider/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/divider/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/divider/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/divider/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/drawer.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/drawer.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/drawer.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/drawer.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/drawer/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/drawer/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/drawer/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/drawer/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/header.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/header.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/header.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/header.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/header/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/header/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/header/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/header/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/section.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/section.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/section.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/section.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/section/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/section/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/layout/section/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/layout/section/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/link.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/link.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/link.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/link.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/link/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/link/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/link/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/link/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation-item.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation-item.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation-item.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation-item.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation-item/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation-item/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation-item/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation-item/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation-item.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation-item.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation-item.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation-item.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation-item/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation-item/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation-item/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation-item/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/navigation/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/navigation/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/navigation/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/navigation/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/notification.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/notification.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/notification.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/notification.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/notification/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/notification/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/notification/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/notification/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/popover.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/popover.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/popover.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/popover.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/popover/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/popover/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/popover/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/popover/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/radio.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/radio.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/radio.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/radio.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/radio/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/radio/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/radio/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/radio/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/section.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/section.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/section.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/section.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/section/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/section/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/section/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/section/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/select.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/select.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/select.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/select.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/select/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/select/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/select/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/select/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/switch.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/switch.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/switch.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/switch.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/switch/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/switch/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/switch/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/switch/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tab-item.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tab-item.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tab-item.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tab-item.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tab-item/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tab-item/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tab-item/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tab-item/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tabs.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tabs.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tabs.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tabs.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tabs/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tabs/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tabs/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tabs/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tag.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tag.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tag.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tag.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tag/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tag/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tag/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tag/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/textarea.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/textarea.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/textarea.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/textarea.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/textarea/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/textarea/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/textarea/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/textarea/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tooltip.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tooltip.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tooltip.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tooltip.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tooltip/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tooltip/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/tooltip/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/tooltip/overview.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/utilities.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/utilities.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/utilities.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/utilities.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/utilities/popover.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/utilities/popover.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/utilities/popover.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/utilities/popover.json diff --git a/review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/utilities/popover/overview.json b/review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/utilities/popover/overview.json similarity index 100% rename from review/main/_next/data/HAxQMhB6WlchBuIf5rinY/components/utilities/popover/overview.json rename to review/main/_next/data/3nbcDS5LU19AqMPosdhiM/components/utilities/popover/overview.json diff --git a/review/main/_next/static/HAxQMhB6WlchBuIf5rinY/_buildManifest.js b/review/main/_next/static/3nbcDS5LU19AqMPosdhiM/_buildManifest.js similarity index 99% rename from review/main/_next/static/HAxQMhB6WlchBuIf5rinY/_buildManifest.js rename to review/main/_next/static/3nbcDS5LU19AqMPosdhiM/_buildManifest.js index 8ee8218be65..1743f414772 100644 --- a/review/main/_next/static/HAxQMhB6WlchBuIf5rinY/_buildManifest.js +++ b/review/main/_next/static/3nbcDS5LU19AqMPosdhiM/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,t,s,n,a,c,e,i,p){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:e,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:a,numHashes:e,bitArray:[]},"/":[t,n,o,s,"static/chunks/pages/index-bb9f5450af073252.js"],"/404":["static/chunks/pages/404-6c2d4cec04c86bac.js"],"/_error":["static/chunks/pages/_error-88c812e1d6e32d24.js"],"/base64":[i,"static/chunks/pages/base64-f450a025953beb84.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-bf80cb80a37bde5d.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-f8f46a5d4c74a063.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-1f36efdde2e05153.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-51bd72c0e71c375e.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-8e66436c5783e460.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-89676317f3bd761d.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-bc1486b0a7254a6e.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-9b8969cc52ae7658.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-c34506d67aa9a570.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-63c4742fdc3dffb1.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-566502ccb506c783.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-07154f8c97f89d3d.js"],"/components/action/button/docs/Migration":[p,"static/chunks/pages/components/action/button/docs/Migration-b96fa5c37051694a.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-fbe9c14331c74213.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-e66646760b03a445.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-af937b98212ea703.js"],"/components/action/button/migration":[t,n,o,s,p,"static/chunks/pages/components/action/button/migration-5b03f6d607c36604.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-a7f06a193fc835ce.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-b6acadc37e626908.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-535f4293d748e369.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-eb0eafdf3d719c59.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-ebced8ed183154d7.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-c349d3e318e7de4d.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-dc016d4f2510b76f.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-54cebdf4120f99d7.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-d3e95a27a3780a43.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-8eda8ed84ae3df10.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-a03fdcae8b4bcd26.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-85ab2c5e15c72b9c.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-e4d5588b83a9b622.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-1efdc21c7fba8f9a.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-e315e7892769bebf.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-8efc2eaba4bdc845.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-5f3746121a04c93d.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-c014f1de3e37a7ae.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-541c4902bfdf9988.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-fe0318d80c3c0b9f.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-d1c3b7742fe01abe.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-5b39abdde4107a74.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-a1b0a76c957aa286.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-6904eba6d6d9e82d.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-67f962e91be37a8b.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-4cbb699312d91dea.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-e1e79db34e7fe5f9.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-6ae624d5d2302431.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-02bf88f73d23ca49.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-b91ade7cf05212bb.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-ace957360308c129.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-1d150796e391f339.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-f871856f7dd58990.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-6e21e1aa627f851c.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-459f179b5254c184.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-283b3be19abbc38d.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-64d6c77fd625b323.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-f895467dc673fd97.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-eada90199eeb01a1.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-c8ed5a6726381a2b.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-930dd6873f7b20f0.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-ffa2f28f5716917e.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-00afe846d2f6f0f0.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-bd2fb23ab05e0e2f.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-a7676c34e94dba55.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-c9cf3538fcfc3d2d.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-27bdcbc29b874b92.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-801aeee94b2651d3.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-a7da03113e0c4d23.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-ea69ee952e763448.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-f6d3a7b61b6998db.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-22930ff3a72aad44.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-8f092f858d5094f3.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-b31e9e9b1a227007.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-73f3fc94a00fec4a.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-4fb45cc11fd26925.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-60b47057ac6e3828.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-8ac585a7b96d0eda.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-f5ab78ed781c0dcb.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-965fc8832e5dbb2c.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-8c06ba6105a22461.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-d40f3a3663748e23.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-0e70205da7fa8bc1.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-6ac8e0ac5628ce9e.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-c6a6d4adda26d070.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-0c43c93d1ee28dfd.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-00c62ba1ed226e2f.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-c767c304a0112937.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-9f45865367da16ab.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-6b7c729a75e90dc2.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-32c86053385c6784.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-488825978505dcff.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-59cf962ca9933d07.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-1442e1c5a5ae28e8.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-af370de5ccd8a5a2.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-23ce07d0c7fb6872.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-2176f61e84a85454.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-678858026f3e5fb8.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-a603b77a2f71dfbd.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-8d7febebb444ab08.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-c6e25df82f2b99e5.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-95d8d0e270895d76.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-313f4aa6410ab7e8.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-f377f3c86f8e13bb.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-52c7764f2ff9bf67.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-ee207f83a5c58f35.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-6aae3f328c8eb4d0.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-79f071d1eeba7979.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-1a93b4a8fef84aa2.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-2adba099df1e9d4c.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-81e62532bf567c52.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-84470a375d858d0c.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-e4e4c0c308377de0.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-fb95291018a608b8.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-0087b289d953160a.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-aab5d45d1d836c41.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-5d6b9ebc85cd73bd.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-0c21b43ba1a6d791.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-0b7bf17109bc2c78.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-87a36e0b22ec8362.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e62d24b8e2a6ff6e.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-afa15c14ed4f1a5a.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-96c76201165c3a33.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-5dff7eae151580e4.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-cb66203da0ecbf39.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-58c64f57024b6e40.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-d9d05d137de6f10b.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-4f5902ff286728a3.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-e406317af15afe47.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-125afc6e5f157f95.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-d83b85096c700e25.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-e53e8b2321a4cae8.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-2ecaa3e72475efdf.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-49f0a82b04f55242.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-332bfdf83f4ad8ea.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-e663365832b56814.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-2e510d868213287a.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-87e443a8767ec5fd.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-1cb074ae3e859178.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-3506aab2a79e7a58.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-74f8bae94d6bf041.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-ebd710ffe3b6ebe0.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-1587a08fe27900a8.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-16c86aa208f0bd55.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-d08bf24d42d2a4d9.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-d810956245ccd1db.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-c32d04146295eb9c.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-8cc9bba18672aca3.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-daf971320d6bda3f.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-03429d37cc6298bd.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-ee74293230bb579f.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-05385a033ac59a81.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-f4fb416aea9b78da.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-c278495dfdfedbdc.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-7e60f5ef7e916908.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-870ea56255eb92c9.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-f42296639597cc2a.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-58b44644dfa7f037.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-8b67cc022fd4d8ce.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-feb7656a5a893ef2.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-c7c6f54ccaedf016.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-89a9f6c689b5d65c.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-091c87dbc9e0bf6d.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-7a5e30e16d50006e.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-a59f493a983f50d7.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-0c2da1aaac6ec278.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-e6f4444b1a9c6b69.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-3cf2a91d7776e19a.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-afdea0cb69ab6b9d.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-185f401c1533f6b5.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-bf101d824fdd1b2a.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-b9a122e0c7f2c25f.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-07e7dd1d434f113c.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-b97fc418a7a79348.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-426f1d541478f6b1.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-9d1bf0d0657a0b79.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-62f4485c890c269f.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-08840c0497ca4412.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-0e4e27091732c2f7.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-cfe3a8d7b1028241.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-0f11772a10b6a28b.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-24a2d915d46e3862.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-f9dcdd25e8cdeb85.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-5588e0ca3cb81d5f.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-e5bdeee956c0dcc8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-e3e077c6df6cffec.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-d887b71242fe866c.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-9830936dfc0c6caf.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-0c1dad5f909abba5.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-ec94d211043de5e6.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-f88e9392f17029ff.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-9444f56da20df734.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-8a0d810af27d8225.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-3418741194b0ef7d.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-7907d167b74585f8.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-f1c5e6ba540f9107.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-6b809fee7dedc707.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-b58f447d61ca9a0f.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-9fea2cf660457c49.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-d6c4ac32113287ef.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-ec7be94f011871ef.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-eefb81730bd96233.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-b253bcddd2a75cbf.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-deb90994f85152ce.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-ac177f4ef21bc28a.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-ce46516e4062a26d.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-579f58216a785ade.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-27e3acc4da58ba38.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-ecfe58cb8c25238d.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-5ccb27178742e663.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-70ab04a19a08c601.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-45d297543fef59de.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-bbd27a03371b5628.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-733cc1cdf169453b.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-2b481493ec9e0453.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-f2195d8bc1555170.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-02d8ff1be8152a8a.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-662bbf3c9242b132.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-a48c524e0eb9a0c0.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-8614bcf15815d86c.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-7f0af6e3ee2fdd92.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-0d9e2bda7909ce22.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-76bf5f74934caec4.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-1bf70e753b7519b7.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-83f495a4f9c419c7.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-9688c166065e9636.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-50052bb7c762cd58.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-ebad2e3c13bf5aa8.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-7e8b61068c0865ef.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-c5a45ba73f2e708d.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-16935d4767a4936e.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-8e21c261d2e0159b.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-256eccad42606399.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-66c64419bf9201c8.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-6553ba83e667fe56.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-4a942808bf6066d7.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-b7e8dd0adc85d9ac.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-71d154539c048ab0.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-211a49f72394b4e4.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-a1f6d38cef42aff1.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-5c3fb552e965663b.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-82b684740b8744bb.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-aa7dcbdefc0b52bc.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-a527ac1e433347d6.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-34adbb678778f226.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-b34986843808e5e3.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-79a333878c592621.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-7d69bb52955857b4.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-e6da59d11da9aeea.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-d423f79502a13978.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-54acc2f51251b9f9.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-44a8959ea277288b.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-ea1aef3562fc872c.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-fbf3eafd14280db8.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-40a79560f9a3f2ff.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-769bf14b03640432.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-e2d8057d5e1e7f94.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-01582f05fef0a811.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-06bff36ded0f2eb6.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-9adf14a212340f42.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-5008cc2162042154.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-1674d6d582f041ad.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-5d9658cc0c159534.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-f78e9bfb0de23344.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-9bbccc23280200aa.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-758ab29c7b4c1649.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-8d33d68a4fbe81c9.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-b1a9ea711436cea0.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-189fb2d139b26ca8.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-4f9a17dd731bf37b.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-c857543d4911e97e.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-23a26f16cb1c6aa1.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-e51689c9d1c224b7.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-ba10f7653bbc7173.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-b2f25470eab49e15.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-8cbe65f9169f0109.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-4e6b6a7ad1542508.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-d7626a444d24cf80.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-7902ec1f76e1bf33.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-31ae493ca4371162.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-1d74883a65fe9628.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-5f8d522590a63ac2.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-d85d043185891cf1.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-3da651f5f02919ea.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-76efc9ecccb55993.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-9b47ee630cf543be.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-deea02cd00a74100.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-cbb86aae1dea573e.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-7d28c3555df963b6.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-28d7db4e614e0550.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-11b4c00caf3995c9.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-7146c8917e228281.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-524f83d48c9dff35.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-c54611459919c08e.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-031c76e92fbf74dd.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-001b2447722d6bd6.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-0b1c92c24614526b.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-b125ddb4342e5b46.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-69ca04e1c62423de.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-cc5d8ca6937dff40.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-3b35f6e370a812c6.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-18f0a061f6c8ed69.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-444c179896b4f627.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-c0557a445e30aa89.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-242f7536e86d0f60.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-1b858f1519abe783.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-bf99b8e34a4314a3.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-9941aab7d885d2a9.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-9a4b18784b8e9dd1.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-bb24286238c520e1.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-e292ffbce4ebd0ae.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-ca2ca603e28b5b02.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-3ec1f6a1ea2bd0d6.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-91609149a00158aa.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-e18059590982c95e.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-2a65473e655cab98.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-42d589e8704308f5.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-d0a0ca150cd82925.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-28a8e946a5e7311a.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-b654034c47d91c72.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-98c75506de96c602.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-e517ad2642ea7548.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-431fffbf258dfff3.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-85eb716e0c7da0cc.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-de9b84cb90bcd44e.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-a5a776296e610448.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-c401ef7f9eef0cf1.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-f57baadf816f18a7.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-bc8849e43e1ba2f2.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-6effafc948182655.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-c3692758b1f42720.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-e86494335c846e3b.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-be7ffc861498fd38.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-7c2cac915ce308ca.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-7af553c5171a085b.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-7d65c80ab6901efd.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-e06cce29e0820bdf.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-17b0bc180053af0d.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-fca1b9f37fcfe1de.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-22295680d83a3f5d.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-21d57df84b46366f.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-7bc407813279f38b.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-302a7aa83ec1fc0a.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-6b4a62c662b8666e.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-24173c022cc5db4d.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-73aaa0f9935f96a2.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-af4965ea065959bb.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-86ee70d439eee39a.js"],"/foundations/colors/color-classes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-classes-a3c0a29f79bd03c1.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-619da91d9e7dc2ba.js"],"/foundations/colors/color-usage-guide":[t,n,"static/chunks/3291-7b7561237771fafa.js",o,s,"static/chunks/pages/foundations/colors/color-usage-guide-85adccd9632942c7.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-7911a716364538c9.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-71c5d277f5a713cd.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-98beff416f9faafe.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-c591a1a8c826e91e.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-28f58ecd1d9e0dd5.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-3ecfb8599c6d1751.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-780b84606e9fa907.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-88b8eaf92f74edd7.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-07ab046001c45b2a.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-ab54eb1d10299953.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-4f18049861357d54.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-d46d0e8c731b0156.js"],"/foundations/test-table":[t,n,o,s,"static/chunks/pages/foundations/test-table-ae29433bbebea6ab.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-29458c92e9448f8a.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-1f05338371c82562.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-5232fe420b10bf79.js"],"/iframe":[i,o,"static/chunks/pages/iframe-2e88a8dd34db5596.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/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/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/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/4540-e8577bc7942b0dfb.js","static/chunks/3430-b7b7badaa8505a53.js","static/chunks/6460-ef82fabfef2ba7b9.js","static/chunks/1954-6c5e1aabc45ce934.js",0,0,NaN,"static/chunks/8834-d4872d4b9174bb26.js","static/chunks/8844-605c044735a04311.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,t,s,n,a,c,e,i,p){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:0,errorRate:1e-4,numBits:0,numHashes:e,bitArray:[]},__routerFilterDynamic:{numItems:0,errorRate:1e-4,numBits:a,numHashes:e,bitArray:[]},"/":[t,n,o,s,"static/chunks/pages/index-bb9f5450af073252.js"],"/404":["static/chunks/pages/404-6c2d4cec04c86bac.js"],"/_error":["static/chunks/pages/_error-88c812e1d6e32d24.js"],"/base64":[i,"static/chunks/pages/base64-f450a025953beb84.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-bf80cb80a37bde5d.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-f8f46a5d4c74a063.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-1f36efdde2e05153.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-51bd72c0e71c375e.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-8e66436c5783e460.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-89676317f3bd761d.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-bc1486b0a7254a6e.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-9b8969cc52ae7658.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-c34506d67aa9a570.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-63c4742fdc3dffb1.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-566502ccb506c783.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-07154f8c97f89d3d.js"],"/components/action/button/docs/Migration":[p,"static/chunks/pages/components/action/button/docs/Migration-b96fa5c37051694a.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-fbe9c14331c74213.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-e66646760b03a445.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-af937b98212ea703.js"],"/components/action/button/migration":[t,n,o,s,p,"static/chunks/pages/components/action/button/migration-5b03f6d607c36604.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-a7f06a193fc835ce.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-b6acadc37e626908.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-535f4293d748e369.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-eb0eafdf3d719c59.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-ebced8ed183154d7.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-c349d3e318e7de4d.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-dc016d4f2510b76f.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-54cebdf4120f99d7.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-d3e95a27a3780a43.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-8eda8ed84ae3df10.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-a03fdcae8b4bcd26.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-85ab2c5e15c72b9c.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-e4d5588b83a9b622.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-1efdc21c7fba8f9a.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-e315e7892769bebf.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-8efc2eaba4bdc845.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-5f3746121a04c93d.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-c014f1de3e37a7ae.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-541c4902bfdf9988.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-fe0318d80c3c0b9f.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-d1c3b7742fe01abe.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-5b39abdde4107a74.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-a1b0a76c957aa286.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-6904eba6d6d9e82d.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-67f962e91be37a8b.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-4cbb699312d91dea.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-e1e79db34e7fe5f9.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-6ae624d5d2302431.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-02bf88f73d23ca49.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-b91ade7cf05212bb.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-ace957360308c129.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-1d150796e391f339.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-f871856f7dd58990.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-6e21e1aa627f851c.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-459f179b5254c184.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-283b3be19abbc38d.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-64d6c77fd625b323.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-f895467dc673fd97.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-eada90199eeb01a1.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-c8ed5a6726381a2b.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-930dd6873f7b20f0.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-ffa2f28f5716917e.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-00afe846d2f6f0f0.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-bd2fb23ab05e0e2f.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-a7676c34e94dba55.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-c9cf3538fcfc3d2d.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-27bdcbc29b874b92.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-801aeee94b2651d3.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-a7da03113e0c4d23.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-ea69ee952e763448.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-f6d3a7b61b6998db.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-22930ff3a72aad44.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-8f092f858d5094f3.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-b31e9e9b1a227007.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-73f3fc94a00fec4a.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-4fb45cc11fd26925.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-60b47057ac6e3828.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-8ac585a7b96d0eda.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-f5ab78ed781c0dcb.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-965fc8832e5dbb2c.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-8c06ba6105a22461.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-d40f3a3663748e23.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-0e70205da7fa8bc1.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-6ac8e0ac5628ce9e.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-c6a6d4adda26d070.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-0c43c93d1ee28dfd.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-00c62ba1ed226e2f.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-c767c304a0112937.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-9f45865367da16ab.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-6b7c729a75e90dc2.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-32c86053385c6784.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-488825978505dcff.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-59cf962ca9933d07.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-1442e1c5a5ae28e8.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-af370de5ccd8a5a2.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-23ce07d0c7fb6872.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-2176f61e84a85454.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-678858026f3e5fb8.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-a603b77a2f71dfbd.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-8d7febebb444ab08.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-c6e25df82f2b99e5.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-95d8d0e270895d76.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-313f4aa6410ab7e8.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-f377f3c86f8e13bb.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-52c7764f2ff9bf67.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-ee207f83a5c58f35.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-6aae3f328c8eb4d0.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-79f071d1eeba7979.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-1a93b4a8fef84aa2.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-2adba099df1e9d4c.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-81e62532bf567c52.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-84470a375d858d0c.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-e4e4c0c308377de0.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-fb95291018a608b8.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-0087b289d953160a.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-aab5d45d1d836c41.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-5d6b9ebc85cd73bd.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-0c21b43ba1a6d791.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-0b7bf17109bc2c78.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-87a36e0b22ec8362.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-e62d24b8e2a6ff6e.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-afa15c14ed4f1a5a.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-96c76201165c3a33.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-5dff7eae151580e4.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-cb66203da0ecbf39.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-58c64f57024b6e40.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-d9d05d137de6f10b.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-4f5902ff286728a3.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-e406317af15afe47.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-125afc6e5f157f95.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-d83b85096c700e25.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-e53e8b2321a4cae8.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-2ecaa3e72475efdf.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-49f0a82b04f55242.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-332bfdf83f4ad8ea.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-e663365832b56814.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-2e510d868213287a.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-87e443a8767ec5fd.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-1cb074ae3e859178.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-3506aab2a79e7a58.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-74f8bae94d6bf041.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-ebd710ffe3b6ebe0.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-1587a08fe27900a8.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-16c86aa208f0bd55.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-d08bf24d42d2a4d9.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-d810956245ccd1db.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-c32d04146295eb9c.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-8cc9bba18672aca3.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-daf971320d6bda3f.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-03429d37cc6298bd.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-ee74293230bb579f.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-05385a033ac59a81.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-f4fb416aea9b78da.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-c278495dfdfedbdc.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-7e60f5ef7e916908.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-870ea56255eb92c9.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-f42296639597cc2a.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-58b44644dfa7f037.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-8b67cc022fd4d8ce.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-feb7656a5a893ef2.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-c7c6f54ccaedf016.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-89a9f6c689b5d65c.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-091c87dbc9e0bf6d.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-7a5e30e16d50006e.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-a59f493a983f50d7.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-0c2da1aaac6ec278.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-e6f4444b1a9c6b69.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-3cf2a91d7776e19a.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-afdea0cb69ab6b9d.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-185f401c1533f6b5.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-bf101d824fdd1b2a.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-b9a122e0c7f2c25f.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-07e7dd1d434f113c.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-b97fc418a7a79348.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-426f1d541478f6b1.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-9d1bf0d0657a0b79.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-62f4485c890c269f.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-08840c0497ca4412.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-0e4e27091732c2f7.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-cfe3a8d7b1028241.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-0f11772a10b6a28b.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-24a2d915d46e3862.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-f9dcdd25e8cdeb85.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-5588e0ca3cb81d5f.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-e5bdeee956c0dcc8.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-e3e077c6df6cffec.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-d887b71242fe866c.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-9830936dfc0c6caf.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-0c1dad5f909abba5.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-ec94d211043de5e6.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-f88e9392f17029ff.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-9444f56da20df734.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-8a0d810af27d8225.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-3418741194b0ef7d.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-7907d167b74585f8.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-f1c5e6ba540f9107.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-6b809fee7dedc707.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-b58f447d61ca9a0f.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-9fea2cf660457c49.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-d6c4ac32113287ef.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-ec7be94f011871ef.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-eefb81730bd96233.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-b253bcddd2a75cbf.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-deb90994f85152ce.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-ac177f4ef21bc28a.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-ce46516e4062a26d.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-579f58216a785ade.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-27e3acc4da58ba38.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-ecfe58cb8c25238d.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-5ccb27178742e663.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-70ab04a19a08c601.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-45d297543fef59de.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-bbd27a03371b5628.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-733cc1cdf169453b.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-2b481493ec9e0453.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-f2195d8bc1555170.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-02d8ff1be8152a8a.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-662bbf3c9242b132.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-a48c524e0eb9a0c0.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-8614bcf15815d86c.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-7f0af6e3ee2fdd92.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-0d9e2bda7909ce22.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-76bf5f74934caec4.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-1bf70e753b7519b7.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-83f495a4f9c419c7.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-9688c166065e9636.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-50052bb7c762cd58.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-ebad2e3c13bf5aa8.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-7e8b61068c0865ef.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-c5a45ba73f2e708d.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-16935d4767a4936e.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-8e21c261d2e0159b.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-256eccad42606399.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-66c64419bf9201c8.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-6553ba83e667fe56.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-4a942808bf6066d7.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-b7e8dd0adc85d9ac.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-71d154539c048ab0.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-211a49f72394b4e4.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-a1f6d38cef42aff1.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-5c3fb552e965663b.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-82b684740b8744bb.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-aa7dcbdefc0b52bc.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-a527ac1e433347d6.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-34adbb678778f226.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-b34986843808e5e3.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-79a333878c592621.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-7d69bb52955857b4.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-e6da59d11da9aeea.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-d423f79502a13978.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-54acc2f51251b9f9.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-44a8959ea277288b.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-ea1aef3562fc872c.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-fbf3eafd14280db8.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-40a79560f9a3f2ff.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-769bf14b03640432.js"],"/components/navigation/navigation/docs/Accessibility":["static/chunks/pages/components/navigation/navigation/docs/Accessibility-e2d8057d5e1e7f94.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-01582f05fef0a811.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-06bff36ded0f2eb6.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-9adf14a212340f42.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-5008cc2162042154.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-1674d6d582f041ad.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-5d9658cc0c159534.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-f78e9bfb0de23344.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-9bbccc23280200aa.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-758ab29c7b4c1649.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-8d33d68a4fbe81c9.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-b1a9ea711436cea0.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-189fb2d139b26ca8.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-4f9a17dd731bf37b.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-c857543d4911e97e.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-23a26f16cb1c6aa1.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-e51689c9d1c224b7.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-ba10f7653bbc7173.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-b2f25470eab49e15.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-8cbe65f9169f0109.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-4e6b6a7ad1542508.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-d7626a444d24cf80.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-7902ec1f76e1bf33.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-31ae493ca4371162.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-1d74883a65fe9628.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-5f8d522590a63ac2.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-d85d043185891cf1.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-3da651f5f02919ea.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-76efc9ecccb55993.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-9b47ee630cf543be.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-deea02cd00a74100.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-cbb86aae1dea573e.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-7d28c3555df963b6.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-28d7db4e614e0550.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-11b4c00caf3995c9.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-7146c8917e228281.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-524f83d48c9dff35.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-c54611459919c08e.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-031c76e92fbf74dd.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-001b2447722d6bd6.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-0b1c92c24614526b.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-b125ddb4342e5b46.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-69ca04e1c62423de.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-cc5d8ca6937dff40.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-3b35f6e370a812c6.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-18f0a061f6c8ed69.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-444c179896b4f627.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-c0557a445e30aa89.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-242f7536e86d0f60.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-1b858f1519abe783.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-bf99b8e34a4314a3.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-9941aab7d885d2a9.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-9a4b18784b8e9dd1.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-bb24286238c520e1.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-e292ffbce4ebd0ae.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-ca2ca603e28b5b02.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-3ec1f6a1ea2bd0d6.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-91609149a00158aa.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-e18059590982c95e.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-2a65473e655cab98.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-42d589e8704308f5.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-d0a0ca150cd82925.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-28a8e946a5e7311a.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-b654034c47d91c72.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-98c75506de96c602.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-e517ad2642ea7548.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-431fffbf258dfff3.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-85eb716e0c7da0cc.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-de9b84cb90bcd44e.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-a5a776296e610448.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-c401ef7f9eef0cf1.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-f57baadf816f18a7.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-bc8849e43e1ba2f2.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-6effafc948182655.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-c3692758b1f42720.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-e86494335c846e3b.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-be7ffc861498fd38.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-7c2cac915ce308ca.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-7af553c5171a085b.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-7d65c80ab6901efd.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-e06cce29e0820bdf.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-17b0bc180053af0d.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-fca1b9f37fcfe1de.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-22295680d83a3f5d.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-21d57df84b46366f.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-7bc407813279f38b.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-302a7aa83ec1fc0a.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-6b4a62c662b8666e.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-24173c022cc5db4d.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-73aaa0f9935f96a2.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-af4965ea065959bb.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-86ee70d439eee39a.js"],"/foundations/colors/color-classes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-classes-a3c0a29f79bd03c1.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-619da91d9e7dc2ba.js"],"/foundations/colors/color-usage-guide":[t,n,"static/chunks/3291-7b7561237771fafa.js",o,s,"static/chunks/pages/foundations/colors/color-usage-guide-85adccd9632942c7.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-7911a716364538c9.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-71c5d277f5a713cd.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-98beff416f9faafe.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-c591a1a8c826e91e.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-28f58ecd1d9e0dd5.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-3ecfb8599c6d1751.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-780b84606e9fa907.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-88b8eaf92f74edd7.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-07ab046001c45b2a.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-ab54eb1d10299953.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-4f18049861357d54.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-d46d0e8c731b0156.js"],"/foundations/test-table":[t,n,o,s,"static/chunks/pages/foundations/test-table-ae29433bbebea6ab.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-29458c92e9448f8a.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-1f05338371c82562.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-5232fe420b10bf79.js"],"/iframe":[i,o,"static/chunks/pages/iframe-2e88a8dd34db5596.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/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/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/readme","/foundations/test-table","/foundations/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/4540-e8577bc7942b0dfb.js","static/chunks/3430-b7b7badaa8505a53.js","static/chunks/6460-68e26d8539ec4855.js","static/chunks/1954-6c5e1aabc45ce934.js",0,0,NaN,"static/chunks/8834-d4872d4b9174bb26.js","static/chunks/8844-605c044735a04311.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/main/_next/static/HAxQMhB6WlchBuIf5rinY/_ssgManifest.js b/review/main/_next/static/3nbcDS5LU19AqMPosdhiM/_ssgManifest.js similarity index 100% rename from review/main/_next/static/HAxQMhB6WlchBuIf5rinY/_ssgManifest.js rename to review/main/_next/static/3nbcDS5LU19AqMPosdhiM/_ssgManifest.js diff --git a/review/main/_next/static/chunks/6460-ef82fabfef2ba7b9.js b/review/main/_next/static/chunks/6460-68e26d8539ec4855.js similarity index 53% rename from review/main/_next/static/chunks/6460-ef82fabfef2ba7b9.js rename to review/main/_next/static/chunks/6460-68e26d8539ec4855.js index 877338b6e73..79d930f35c7 100644 --- a/review/main/_next/static/chunks/6460-ef82fabfef2ba7b9.js +++ b/review/main/_next/static/chunks/6460-68e26d8539ec4855.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6460],{76460:(n,e,a)=>{a.d(e,{Z6:()=>tv,Ec:()=>tm,tp:()=>tf,vY:()=>tB,kn:()=>tT,vn:()=>tj});var t={};a.r(t),a.d(t,{Behaviour:()=>ep,Content:()=>eu,Density:()=>ec,Size:()=>eh,State:()=>eb,Variant:()=>ed});var i={};a.r(i),a.d(i,{Content:()=>eD,Density:()=>ex,InteractionStates:()=>em,Semantic:()=>eg,Size:()=>ev});var o={};a.r(o),a.d(o,{Behaviour:()=>eT,Density:()=>eB,Variant:()=>ej});var l={};a.r(l),a.d(l,{ContentStates:()=>ey,Density:()=>ef,InteractionStates:()=>ek});var s={};a.r(s),a.d(s,{Density:()=>ew,Variants:()=>eZ});var r={};a.r(r),a.d(r,{Animations:()=>e_,Density:()=>eN,Emphasis:()=>eC,Placement:()=>eL,Variant:()=>eI,Width:()=>eH});var c={};a.r(c),a.d(c,{Density:()=>eP,Semantic:()=>eA,Size:()=>eR});var d={};a.r(d),a.d(d,{Behaviour:()=>eF,Content:()=>eV,Density:()=>eS,Emphasis:()=>eE,Example:()=>ez,Overflow:()=>eW,Semantic:()=>eO,State:()=>eM});var b={};a.r(b),a.d(b,{Density:()=>eU,Examples:()=>eY,Orientation:()=>eq,Overflow:()=>eG,Width:()=>eJ});var h={};a.r(h),a.d(h,{Behaviour:()=>eX,Content:()=>eQ,ContentAlignmentFullWidth:()=>e0,Density:()=>e$,States:()=>eK});var u={};a.r(u),a.d(u,{Content:()=>e8,Density:()=>e1,InteractionStates:()=>e2,Requirement:()=>e9,Size:()=>e6,States:()=>e3});var p={};a.r(p),a.d(p,{Content:()=>aa,Density:()=>e4,ExampleTypes:()=>ai,ExampleTypesFloatingLabel:()=>ao,Requirement:()=>at,StatesFloatingLabel:()=>ae,StatesLabelAbove:()=>an,VariantHelperMessage:()=>e7,VariantLabel:()=>e5});var x={};a.r(x),a.d(x,{Content:()=>ab,Density:()=>al,InteractionStates:()=>as,Requirement:()=>ad,Size:()=>ac,States:()=>ar});var g={};a.r(g),a.d(g,{Content:()=>am,Density:()=>ah,Requirement:()=>av,StatesFloatingLabel:()=>ag,StatesLabelAbove:()=>ax,VariantHelperMessage:()=>ap,VariantLabel:()=>au});var m={};a.r(m),a.d(m,{Content:()=>ak,Density:()=>aD,Emphasis:()=>aj,Examples:()=>ay,Size:()=>af,States:()=>aB,VisualAid:()=>aT});var v={};a.r(v),a.d(v,{Density:()=>aw,Requirement:()=>aL,Rows:()=>aH,StatesFloatingLabel:()=>aC,StatesLabelAbove:()=>aI,VariantHelperMessage:()=>aN,VariantLabel:()=>aZ});var D={};a.r(D),a.d(D,{Behaviour:()=>aR,ContentVariantDocked:()=>aS,ContentVariantOverlay:()=>aO,ContentVariantStandalone:()=>aE,Density:()=>a_,Semantic:()=>aA,Variant:()=>aP});var B={};a.r(B),a.d(B,{Content:()=>az,Density:()=>aF,Emphasis:()=>aM,Examples:()=>aq,Placement:()=>aU,Semantic:()=>aV,Size:()=>aW});var j={};a.r(j),a.d(j,{Behaviour:()=>a$,Density:()=>aJ,ElevationLevel:()=>aG,Example:()=>aK,Spacing:()=>aY});var T={};a.r(T),a.d(T,{Density:()=>aQ,Emphasis:()=>a0,Variant:()=>aX});var f={};a.r(f),a.d(f,{Backdrop:()=>a9,Density:()=>a1,Directions:()=>a8,Rounded:()=>a3,Size:()=>a2,Spacing:()=>a6});var k={};a.r(k),a.d(k,{Behaviour:()=>a7,Density:()=>a4,Examples:()=>tn,Width:()=>a5});var y={};a.r(y),a.d(y,{Density:()=>te,Spacing:()=>tt,Width:()=>ta});var w={};a.r(w),a.d(w,{Density:()=>ti});var Z={};a.r(Z),a.d(Z,{Content:()=>ts,Density:()=>to,InteractionStates:()=>tl,Width:()=>tr});var N={};a.r(N),a.d(N,{Animations:()=>tu,Density:()=>tc,Gap:()=>th,Placement:()=>tb,Spacing:()=>td,Width:()=>tp});var I=a(52322),C=a(90434),L=a(2784),H=a(72288),_=a(67124),P=a(73160),A=a(42581),R=a(82876);let S=()=>{let n=(0,R.useRouter)(),e=(0,R.usePathname)(),[a,t]=[(0,R.useSearchParams)()];return[a,a=>{{let n=new URLSearchParams(window.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())))}]},E=function(){var n,e;let a=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,i]=S(),[o,l]=(0,L.useState)(null!==(n=t.get(A.eM))&&void 0!==n?n:A.pw.REGULAR),[s,r]=(0,L.useState)(null!==(e=t.get(A.a_))&&void 0!==e?e:A.r$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[n,e]of Array.from(t.entries()))e&&(n===A.eM&&o!==e&&l(e),n===A.a_&&s!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&h(!!e));p(!0)},[t]),(0,L.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 O=a(34406);let F=n=>{let{name:e,examples:a,color:t,role:i,SlotCode:o}=n,l=(0,L.useCallback)(()=>(null==t?void 0:t.includes("3"))?"3":(null==t?void 0:t.includes("2"))?"2":"1",[t]),[s,r]=(0,L.useState)();return(0,I.jsxs)(H.Z,{className:"variants-card db-code-docs",elevationLevel:l(),children:[(0,I.jsx)("div",{role:i,"aria-label":i?e:void 0,className:"variants-list",children:a.map((n,e)=>(0,I.jsx)("div",{style:n.style,className:n.className,"data-density":n.density,children:n.example},"".concat(n.name,"-").concat(e)))}),o&&(0,I.jsxs)("details",{className:"code-details",onToggle:()=>{r(!s)},children:[(0,I.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:s?"Hide code":"Show code"}),(0,I.jsxs)("div",{"data-density":"functional",children:[(0,I.jsx)("div",{className:"backdrop"}),(0,I.jsx)(H.Z,{className:"code",spacing:"small",children:(0,I.jsx)(o,{})})]})]})]})},M=n=>{var e;let{title:a,variants:t,subComponent:i,isSubComponent:o,componentName:l}=n,s=null==O||null===(e=O.env)||void 0===e,r=E(s)[4],c=E(s)[2],d=n=>{{let e=new URLSearchParams(window.location.href.split("?")[1]);return e.set("page",n.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(e.toString())}},b=(n,e)=>{var a;if(!window.location.origin||!window.location.href)return;let t=window.location.href.split("?"),i=t[0],o=new URLSearchParams(null!==(a=t[1])&&void 0!==a?a:"");o.set("page",e.toLowerCase());let s=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(t[0],"?").concat(o.toString());window.open(s,"_blank")};if(r){let n=t.find(n=>n.name.toLowerCase()===r);if(n)return(0,I.jsx)(F,{...n,color:c})}return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{className:"default-container",children:[(0,I.jsx)(o?"h2":"h1",{children:a}),null==t?void 0:t.map((n,e)=>(0,I.jsxs)("div",{children:[(0,I.jsx)(_.Z,{}),(0,I.jsx)(P.Z,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{b(e,n.name)},href:d(n.name),children:n.name}),(0,I.jsx)(F,{...n,color:c})]},"".concat(n.name,"-").concat(e)))]}),i]})},V=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":"State","examples":[{"name":"(Default) Enabled"},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon & Text","props":{"icon":"person"}},{"name":"Icon","props":{"icon":"person","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width"},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]'),W=(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})}})}}),z=n=>{let{variant:e,state:a,size:t,noText:i,icon:o,width:l,disabled:s,children:r,type:c}=n;return(0,I.jsx)(C.Z,{variant:e,state:a,size:t,noText:i,icon:o,disabled:s,width:l,onClick:()=>{alert(r.toString())},type:c,children:r})},U=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":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"brand"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","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"}}]}]'),q=n=>{let{href:e,variant:a,disabled:t,size:i,content:o,children:l}=n;return(0,I.jsx)(P.Z,{href:e,variant:a,disabled:t,size:i,content:o,children:l})};var J=a(70938),G=a(26376),Y=a(52274);let $=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"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","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]'),K=n=>{let{behaviour:e,children:a,variant:t}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:a}),(0,I.jsxs)(G.Z,{behaviour:e,variant:t,children:[(0,I.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,I.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,I.jsx)(Y.Z,{headlinePlain:"Item 3",content:"Content 3"})]})]})},Q=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}}]}]'),X=n=>{let{children:e,disabled:a,open:t,headlinePlain:i}=n;return(0,I.jsx)(Y.Z,{headlinePlain:i,disabled:a,defaultOpen:t,children:e})},nn=n=>(0,I.jsx)(M,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:W(Q,X,n.slotCode)});var ne=a(48483);let na=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 nt=a(34406);let ni=n=>{var e,a;let{children:t,hideLogo:i,customLogo:o}=n;return(0,I.jsxs)(ne.Z,{hideLogo:i,children:[o&&(0,I.jsx)("img",{src:"".concat(null!==(a=null==nt?void 0:null===(e=nt.env)||void 0===e?void 0:"/mono/review/main")&&void 0!==a?a:"/react-showcase","/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder logo"}),t]})};var no=a(47675);let nl=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"}}]}]'),ns=n=>{let{children:e,width:a,emphasis:t,placement:i,delay:o,content:l,animation:s,variant:r}=n;return(0,I.jsxs)(C.Z,{children:[e,(0,I.jsx)(no.Z,{width:a,emphasis:t,placement:i,animation:s,delay:o,variant:r,children:l})]})},nr=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"}}]}]'),nc=n=>{let{semantic:e,size:a,icon:t,children:i}=n;return(0,I.jsx)(J.Z,{semantic:e,size:a,icon:t,children:i})};var nd=a(43743);let nb=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":{"for":"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"}}]}]}]}]'),nh=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,L.useState)(null!=d&&d);return(0,I.jsxs)(nd.Z,{semantic:e,icon:i,noText:l,behaviour:s,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(t.toString())},children:["button"===b&&(0,I.jsx)("button",{children:t}),"link"===b&&(0,I.jsx)("a",{href:"#",children:t}),"checkbox"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"checkbox",checked:u,disabled:a,onChange:n=>{p(n.target.checked)}}),t]}),"radio"===b&&(0,I.jsxs)("label",{children:[(0,I.jsx)("input",{type:"radio",checked:d,name:h}),t]}),!b&&!o&&(0,I.jsx)(I.Fragment,{children:t}),!b&&o&&(0,I.jsx)("span",{children:t})]})};var nu=a(57630),np=a(12829),nx=a(29898),ng=a(89835);let nm=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"}}]}]'),nv=n=>{let{children:e,orientation:a,width:t,alignment:i,overflow:o,behaviour:l,initialSelectedMode:s,initialSelectedIndex:r}=n;return(0,I.jsxs)("div",{className:"w-full",children:[(0,I.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,I.jsxs)(nu.Z,{orientation:a,width:t,alignment:i,behaviour:l,initialSelectedIndex:r,initialSelectedMode:s,arrowScrollDistance:75,children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Test 1"}),(0,I.jsx)(nx.Z,{children:"Test 2"}),(0,I.jsx)(nx.Z,{children:"Test 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nx.Z,{children:"Test 4"}),(0,I.jsx)(nx.Z,{children:"Test 5"})]})]}),(0,I.jsx)(ng.Z,{children:"Tab Panel 1"}),(0,I.jsx)(ng.Z,{children:"Tab Panel 2"}),(0,I.jsx)(ng.Z,{children:"Tab Panel 3"}),o&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ng.Z,{children:"Tab Panel 4"}),(0,I.jsx)(ng.Z,{children:"Tab Panel 5"})]})]})]})},nD=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":"db"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"db"}},{"name":"Icon","props":{"icon":"db","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"}}]}]'),nB=n=>{let{children:e,active:a,noText:t,icon:i,iconAfter:o,disabled:l}=n;return(0,I.jsx)(np.Z,{children:(0,I.jsx)(nx.Z,{active:a,noText:t,icon:i,iconAfter:o,disabled:l,children:e})})},nj=n=>(0,I.jsx)(M,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:W(nD,nB,n.slotCode)});var nT=a(73224);let nf=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":"Interaction States","role":"group","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"group","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","role":"group","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"group","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true,"required":true}}]},{"name":"Content","role":"group","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]'),nk=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,indeterminate:r,variant:c}=n;return(0,I.jsx)(nT.Z,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,variant:c,indeterminate:r,children:l})};var ny=a(81893);let nw=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 Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States 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":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"db"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"db","iconAfter":"db"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"db"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}}]},{"name":"Example - Types","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":"Number","props":{"label":"Label","type":"number"}},{"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":"Datalist","props":{"label":"Label","dataList":true}},{"name":"File","props":{"label":"Label","type":"file"}}]},{"name":"Example - Types - Floating Label","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","props":{"label":"Label","variant":"floating","dataList":true}},{"name":"File","props":{"label":"Label","type":"file","variant":"floating"}}]}]'),nZ=n=>"floating"===n?["Test 1","Test 2"]:[{value:"test1",label:"Test 1"},{value:"test2",label:"Test 2"}],nN=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}=n;return(0,I.jsx)(ny.Z,{label:e,message:d,placeholder:c,variant:b,defaultValue:a,type:t,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:s,icon:r,dataList:u?nZ(b):void 0})};var nI=a(46115);let nC=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":"Interaction States","role":"radiogroup","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","role":"radiogroup","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","role":"radiogroup","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","role":"radiogroup","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","role":"radiogroup","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]'),nL=n=>{let{label:e,size:a,name:t,checked:i,required:o,children:l,disabled:s,value:r,variant:c}=n;return(0,I.jsx)(nI.Z,{label:e,size:a,name:t,defaultChecked:i,required:o,disabled:s,variant:c,value:r,children:l})};var nH=a(9842);let n_=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 Label","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":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","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":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States 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"}}]},{"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":"db"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}}]}]'),nP=n=>{let{children:e,label:a,options:t,icon:i,message:o,disabled:l,value:s,required:r,variant:c}=n,[d,b]=(0,L.useState)(s);return(0,I.jsx)(nH.Z,{label:a,placeholder:e,options:t,disabled:l,variant:c,icon:i,value:d,onChange:n=>{b(n.target.value)},message:o,required:r,children:e})};var nA=a(32558);let nR=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","props":{}},{"name":"regular (Default)","density":"regular","props":{}},{"name":"expressive","density":"expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled"},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label"},{"name":"No Label","props":{"variant":"hidden"}}]},{"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"}}]}]'),nS=n=>{let{children:e,checked:a,visualAid:t,disabled:i,variant:o,emphasis:l,size:s,icon:r,iconAfter:c}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nA.Z,{visualAid:t,defaultChecked:a,disabled:i,variant:o,size:s,emphasis:l,icon:r,iconAfter:c,children:e}),"hidden"===o&&(0,I.jsx)(J.Z,{semantic:"informational",icon:"none",children:e})]})};var nE=a(46524);let nO=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 Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","variant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","variant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States 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":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","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."}}]}]'),nF=n=>{let{cols:e,disabled:a,message:t,label:i,placeholder:o,rows:l,value:s,readOnly:r,required:c,children:d,variant:b}=n,[h,u]=(0,L.useState)(s);return(0,I.jsx)(nE.Z,{cols:e,disabled:a,message:t,label:i,variant:b,readOnly:r,onChange:n=>{u(n.target.value)},required:c,placeholder:null!=o?o:d,rows:l,value:h})};var nM=a(16497);let nV=JSON.parse('[{"name":"Density","examples":[{"name":"functional","density":"functional","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","density":"regular","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","density":"expressive","style":{"width":"300px"},"props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}}]},{"name":"Variant","examples":[{"name":"(Default) Docked","style":{"width":"300px"},"props":{"variant":"docked","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Standalone","style":{"width":"300px"},"props":{"variant":"standalone","headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"Overlay","style":{"width":"300px"},"props":{"variant":"overlay","headline":"Headline","icon":"information_circle","behaviour":"closable","timestamp":"10 min ago"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","behaviour":"closable"}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","semantic":"neutral","headline":"Headline","behaviour":"closable"}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","semantic":"critical","headline":"Headline","behaviour":"closable"}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","semantic":"informational","headline":"Headline","behaviour":"closable"}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","semantic":"successful","headline":"Headline","behaviour":"closable"}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","semantic":"warning","headline":"Headline","behaviour":"closable"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Permanent","style":{"width":"300px"},"props":{"behaviour":"permanent"}},{"name":"Closeable","style":{"width":"300px"},"props":{"behaviour":"closable"}}]},{"name":"Content - 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":"Content - 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":"Content - 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 nW=a(34406);let nz=()=>{var n,e;return(null==nW?void 0:null===(n=nW.env)||void 0===n?void 0:"/mono/review/main")?"/mono/review/main":null===(e=window.env)||void 0===e?void 0:e.BASE_URL},nU=n=>{let{semantic:e,icon:a,headline:t,variant:i,children:o,behaviour:l,link:s,timestamp:r,linkVariant:c,img:d}=n;return(0,I.jsx)(nM.Z,{semantic:e,icon:a,headline:t,link:s?(0,I.jsx)(P.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,I.jsx)("img",{src:"".concat(nz(),"/assets/images/placeholder.jpg"),alt:"this is a fancy placeholder"}):void 0,variant:i,behaviour:l,linkVariant:c,timestamp:r,onClose:()=>{alert(o.toString())},children:o})};var nq=a(91781),nJ=a(85803);let nG=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":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Dot - Medium","content":"","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"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"}}]}]'),nY=n=>{let{children:e,semantic:a,emphasis:t,noContent:i,size:o,placement:l,example:s}=n;return(0,I.jsxs)(I.Fragment,{children:[!l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nq.Z,{semantic:a,emphasis:t,size:o,children:i?"":e}),i&&(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),l&&"inline"!==l&&!s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(C.Z,{icon:"person",variant:"outlined",noText:!0,children:[(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),e]}),(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===l&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)("div",{className:"badge-inline-container",children:[(0,I.jsx)(nJ.Z,{icon:"person"}),(0,I.jsx)("span",{children:e}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,I.jsx)(nJ.Z,{icon:"error"})]})}),"icon"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nq.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,I.jsx)(nJ.Z,{icon:"person",children:e})}),(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===s&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(nq.Z,{semantic:"successful",children:"9"}),(0,I.jsx)(nq.Z,{semantic:"informational",children:"12"}),(0,I.jsx)(nq.Z,{semantic:"warning",children:"123"}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,I.jsx)(nq.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,I.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]})]})},n$=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"}}]}]'),nK=n=>{let{behaviour:e,children:a,spacing:t,elevationLevel:i}=n;return(0,I.jsx)(H.Z,{behaviour:e,spacing:t,elevationLevel:i,children:(0,I.jsx)("strong",{children:a})})},nQ=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"}}]}]'),nX=n=>{let{variant:e,emphasis:a,children:t,width:i}=n;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(J.Z,{size:"small",semantic:"informational",children:t}),(0,I.jsx)(_.Z,{variant:e,emphasis:a,width:i})]})};var n0=a(3284);let n1=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) No rounding","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Rounded","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) With Backdrop","props":{"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Backdrop-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":"Directions","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)"}}]}]'),n2=n=>{let{id:e,width:a,rounded:t,spacing:i,openDrawer:o,setOpenDrawer:l,direction:s,children:r,backdrop:c}=n;return(0,I.jsxs)("div",{children:[(0,I.jsxs)(C.Z,{onClick:()=>{l(e)},children:["Open: ",r]}),(0,I.jsx)(n0.Z,{rounded:t,width:a,spacing:i,backdrop:c,direction:s,open:o===e,onClose:()=>{l(void 0)},children:r})]})};var n3=a(68908),n6=a(40245),n9=a(29469);let n8=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}}]}]'),n4=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,I.jsx)(n3.Z,{width:d,brand:(0,I.jsx)(ne.Z,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(P.Z,{href:"#",children:"Imprint"}),(0,I.jsx)(P.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,I.jsx)(C.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(C.Z,{icon:"person",variant:"ghost",noText:!0,children:"Profile"}),(0,I.jsx)(C.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,I.jsx)(C.Z,{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,I.jsxs)(n6.Z,{"aria-label":i,children:[(0,I.jsx)(n9.Z,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:i})}),(0,I.jsx)(n9.Z,{disabled:!0,children:(0,I.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var n5=a(97689);let n7=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"}}]}]'),en=n=>{let{width:e,spacing:a,children:t}=n;return(0,I.jsx)(n5.Z,{className:"db-informational-bg-basic-level-2",spacing:a,width:e,children:t})},ee=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":{}}]}]'),ea=n=>{let{children:e}=n,a="".concat(e.replaceAll(/\W/g,"_").toLowerCase());return(0,I.jsxs)("div",{children:[(0,I.jsx)(J.Z,{id:a,size:"small",semantic:"informational",icon:"none",children:e}),(0,I.jsxs)(n6.Z,{labelledBy:a,children:[(0,I.jsx)(n9.Z,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n9.Z,{subNavigation:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(n9.Z,{children:(0,I.jsx)("a",{href:"#","aria-current":"page",children:"Sub-Sub-Navi-Item 1"})}),(0,I.jsx)(n9.Z,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,I.jsx)(n9.Z,{children:(0,I.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,I.jsx)(n9.Z,{icon:"person",children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,I.jsx)(n9.Z,{disabled:!0,children:(0,I.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})},et=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"}]}]}]'),ei=n=>{let{children:e,icon:a,disabled:t,active:i,width:o,areaPopup:l}=n;return(0,I.jsx)("ul",{children:(0,I.jsx)(n9.Z,{icon:a,disabled:t,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:l&&(0,I.jsxs)("ul",{children:[(0,I.jsx)(n9.Z,{children:(0,I.jsx)("a",{href:"#",children:"Test1"})}),(0,I.jsx)(n9.Z,{children:(0,I.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?e:(0,I.jsx)("a",{href:"#",children:e})})})},eo=n=>(0,I.jsx)(M,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:W(et,ei,n.slotCode)});var el=a(85250);let es=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"}}]}]'),er=n=>{let{id:e,children:a,width:t,gap:i,spacing:o,placement:l,delay:s,content:r,animation:c}=n;return(0,I.jsx)(el.Z,{trigger:(0,I.jsx)(C.Z,{children:a}),width:t,gap:i,spacing:o,placement:l,animation:c,delay:s,id:e,children:null!=r?r:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("ul",{className:"popover-list",children:[(0,I.jsx)("li",{children:"Popover Custom Item 1"}),(0,I.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,I.jsx)(C.Z,{children:"Popover Custom Item 3"})]})})},ec=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ed=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.Z,{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,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Enabled "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Enabled\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eh=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eu=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.Z,{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"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ep=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Auto Width "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Auto Width\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ex=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eg=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},em=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Enabled (Default)/Hover/Pressed '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Enabled (Default)/Hover/Pressed '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Enabled (Default)/Hover/Pressed '),navigator.clipboard.writeText(' Enabled (Default)/Hover/Pressed ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ev=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eD=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eB=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
Functional
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Functional\n
Functional
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Functional\n
Functional
\n
'),navigator.clipboard.writeText('
\n Functional\n
Functional
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
Expressive
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
Expressive
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Expressive\n
Expressive
\n
'),navigator.clipboard.writeText('
\n Expressive\n
Expressive
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ek=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ey=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ew=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eZ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) With Logo
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
No Logo
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Custom Logo
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eN=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:''})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eA=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eR=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eS=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Functional "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Functional "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Functional "),navigator.clipboard.writeText(" Functional ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Functional"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nFunctional\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Regular "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Regular\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" Expressive "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" Expressive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" Expressive "),navigator.clipboard.writeText(" Expressive ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Expressive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\nExpressive\n"})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eE=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Strong
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Strong
'),navigator.clipboard.writeText('
Strong
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eO=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Neutral
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Neutral
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Neutral
'),navigator.clipboard.writeText('
Neutral
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Critical
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Critical
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Critical
'),navigator.clipboard.writeText('
Critical
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Informational
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Informational
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Informational
'),navigator.clipboard.writeText('
Informational
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Successful
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Successful
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Successful
'),navigator.clipboard.writeText('
Successful
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Warning
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Warning
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Warning
'),navigator.clipboard.writeText('
Warning
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Adaptive Strong
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eF=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"\n \n"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
'),navigator.clipboard.writeText('
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n \n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Interactive Link
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Interactive Link
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Interactive Link
'),navigator.clipboard.writeText('
Interactive Link
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n Remove tag\n \n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eM=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eV=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Icon
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon
'),navigator.clipboard.writeText('
Icon
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
Icon & Text
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eW=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
With Overflow (max-width)
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ez=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eU=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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"})]})]})})]})},eq=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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"})]})]})})]})},eJ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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"})]})]})})]})},eG=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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"})]})]})})]})},eY=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.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,I.jsx)(C.Z,{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"})]})]})})]})},e$=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n functionalFunctional\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n functionalFunctional\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functionalFunctional\n
    • '),navigator.clipboard.writeText('
  • \n functionalFunctional\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular(Default)\n Regular\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular(Default)\n Regular\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular(Default)\n Regular\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Regular(Default)\n Regular\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n expressiveExpressive\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n expressiveExpressive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressiveExpressive\n
    • '),navigator.clipboard.writeText('
  • \n expressiveExpressive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eK=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled(Default)\n Enabled\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Enabled(Default)\n Enabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activeactive\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n activeactive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activeactive\n
    • '),navigator.clipboard.writeText('
  • \n activeactive\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n activedisabled\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n activedisabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activedisabled\n
    • '),navigator.clipboard.writeText('
  • \n activedisabled\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eQ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text(Default)\n Text\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text(Default)\n Text\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text(Default)\n Text\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Text(Default)\n Text\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},eX=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
  • \n Width fullWidth\n full\n
    • '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n Width fullWidth\n full\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width fullWidth\n full\n
    • '),navigator.clipboard.writeText('
  • \n Width fullWidth\n full\n
    • ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},e0=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},e1=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},e2=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},e3=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Unchecked '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Unchecked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Unchecked '),navigator.clipboard.writeText(' (Default) Unchecked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Unchecked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Unchecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Unchecked\n'),navigator.clipboard.writeText('\n(Default) Unchecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Unchecked - Invalid '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Unchecked - Invalid '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Unchecked - Invalid '),navigator.clipboard.writeText(' Unchecked - Invalid ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nUnchecked - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nUnchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nUnchecked - Invalid\n'),navigator.clipboard.writeText('\nUnchecked - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Checked '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Checked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Checked '),navigator.clipboard.writeText(' Checked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked\n'),navigator.clipboard.writeText('\nChecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked - Valid\n'),navigator.clipboard.writeText('\nChecked - Valid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Indeterminate '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Indeterminate '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Indeterminate '),navigator.clipboard.writeText(' Indeterminate ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate\n'),navigator.clipboard.writeText('\nIndeterminate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Invalid\n'),navigator.clipboard.writeText('\nIndeterminate - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Valid\n'),navigator.clipboard.writeText('\nIndeterminate - Valid\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},e9=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired - Indeterminate\n'),navigator.clipboard.writeText('\nRequired - Indeterminate\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label '),navigator.clipboard.writeText(' (Default) Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label\n'),navigator.clipboard.writeText('\n(Default) Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' No Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Label '),navigator.clipboard.writeText(' No Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNo Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Label\n'),navigator.clipboard.writeText('\nNo Label\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},e5=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,I.jsx)(C.Z,{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"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Hidden Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Hidden Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Hidden Label '),navigator.clipboard.writeText(' Hidden Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHidden Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHidden Label\n'),navigator.clipboard.writeText('\nHidden Label\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Basic '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Basic '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Basic '),navigator.clipboard.writeText(' (Default) Basic ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Basic\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Basic\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Basic\n'),navigator.clipboard.writeText('\n(Default) Basic\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Helper Message '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Helper Message '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Helper Message '),navigator.clipboard.writeText(' Helper Message ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHelper Message\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHelper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHelper Message\n'),navigator.clipboard.writeText('\nHelper Message\n')},children:"Copy code"})]})]})})]})},an=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ae=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},aa=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled Number '),navigator.clipboard.writeText(' Filled Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled Number\n'),navigator.clipboard.writeText('\nFilled Number\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Trailing Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Text - Trailing Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Trailing Icon '),navigator.clipboard.writeText(' Text - Trailing Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},at=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})})]})},ai=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datalist '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Datalist '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datalist '),navigator.clipboard.writeText(' Datalist ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},ao=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.Z,{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,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' File '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' File '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' File '),navigator.clipboard.writeText(' File ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n File\n'})}),(0,I.jsx)(C.Z,{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,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFile\n'})}),(0,I.jsx)(C.Z,{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"})]})]})})]})},al=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nu.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nx.Z,{children:"Angular"}),(0,I.jsx)(nx.Z,{children:"HTML"}),(0,I.jsx)(nx.Z,{children:"React"}),(0,I.jsx)(nx.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=angular",children:"How to use this in angular"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'