From a2c9083a605fea8558805377ac962ae0a3434d21 Mon Sep 17 00:00:00 2001 From: nmerget Date: Fri, 5 Jul 2024 12:38:51 +0000 Subject: [PATCH] deploy: d81f1ae577cf9740fb220000ab65149b886411c7 --- review/fix-a11y-form-component-ids/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 .../{2182-82d7fda83a66829e.js => 2182-9302014dabc419ce.js} | 2 +- .../{2811-3504c51fb3959cae.js => 2811-55a3d8eaadd1a24e.js} | 2 +- .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 review/fix-a11y-form-component-ids/base64.html | 2 +- review/fix-a11y-form-component-ids/components.html | 2 +- .../components/accordion-item.html | 2 +- .../components/accordion-item/docs/Angular.html | 2 +- .../components/accordion-item/docs/HTML.html | 2 +- .../components/accordion-item/docs/React.html | 2 +- .../components/accordion-item/docs/Vue.html | 2 +- .../components/accordion-item/overview.html | 2 +- .../components/accordion-item/properties.html | 2 +- review/fix-a11y-form-component-ids/components/accordion.html | 2 +- .../components/accordion/docs/Angular.html | 2 +- .../components/accordion/docs/HTML.html | 2 +- .../components/accordion/docs/React.html | 2 +- .../components/accordion/docs/Vue.html | 2 +- .../components/accordion/overview.html | 2 +- .../components/accordion/properties.html | 2 +- review/fix-a11y-form-component-ids/components/action.html | 2 +- .../fix-a11y-form-component-ids/components/action/button.html | 2 +- .../components/action/button/docs/Angular.html | 4 ++-- .../components/action/button/docs/HTML.html | 4 ++-- .../components/action/button/docs/Migration.html | 4 ++-- .../components/action/button/docs/React.html | 4 ++-- .../components/action/button/docs/Vue.html | 4 ++-- .../components/action/button/how-to-use.html | 2 +- .../components/action/button/migration.html | 2 +- .../components/action/button/overview.html | 2 +- .../components/action/button/properties.html | 2 +- .../fix-a11y-form-component-ids/components/action/link.html | 2 +- .../components/action/link/docs/Angular.html | 4 ++-- .../components/action/link/docs/HTML.html | 4 ++-- .../components/action/link/docs/Migration.html | 4 ++-- .../components/action/link/docs/React.html | 4 ++-- .../components/action/link/docs/Vue.html | 4 ++-- .../components/action/link/how-to-use.html | 2 +- .../components/action/link/migration.html | 2 +- .../components/action/link/overview.html | 2 +- .../components/action/link/properties.html | 2 +- review/fix-a11y-form-component-ids/components/badge.html | 2 +- .../components/badge/docs/Angular.html | 2 +- .../components/badge/docs/HTML.html | 2 +- .../components/badge/docs/React.html | 2 +- .../components/badge/docs/Vue.html | 2 +- .../components/badge/overview.html | 2 +- .../components/badge/properties.html | 2 +- review/fix-a11y-form-component-ids/components/brand.html | 2 +- .../components/brand/docs/Angular.html | 2 +- .../components/brand/docs/HTML.html | 2 +- .../components/brand/docs/React.html | 2 +- .../components/brand/docs/Vue.html | 2 +- .../components/brand/overview.html | 2 +- .../components/brand/properties.html | 2 +- review/fix-a11y-form-component-ids/components/button.html | 2 +- .../components/button/docs/Angular.html | 2 +- .../components/button/docs/HTML.html | 2 +- .../components/button/docs/React.html | 2 +- .../components/button/docs/Vue.html | 2 +- .../components/button/overview.html | 2 +- .../components/button/properties.html | 2 +- review/fix-a11y-form-component-ids/components/card.html | 2 +- .../components/card/docs/Angular.html | 2 +- .../components/card/docs/HTML.html | 2 +- .../components/card/docs/React.html | 2 +- .../fix-a11y-form-component-ids/components/card/docs/Vue.html | 2 +- .../fix-a11y-form-component-ids/components/card/overview.html | 2 +- .../components/card/properties.html | 2 +- review/fix-a11y-form-component-ids/components/checkbox.html | 2 +- .../components/checkbox/docs/Angular.html | 2 +- .../components/checkbox/docs/HTML.html | 2 +- .../components/checkbox/docs/React.html | 2 +- .../components/checkbox/docs/Vue.html | 2 +- .../components/checkbox/overview.html | 2 +- .../components/checkbox/properties.html | 2 +- .../fix-a11y-form-component-ids/components/data-display.html | 2 +- .../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 ++-- .../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 +- .../components/data-display/accordion-item/overview.html | 2 +- .../components/data-display/accordion-item/properties.html | 2 +- .../components/data-display/accordion.html | 2 +- .../components/data-display/accordion/docs/Angular.html | 4 ++-- .../components/data-display/accordion/docs/HTML.html | 4 ++-- .../components/data-display/accordion/docs/Migration.html | 4 ++-- .../components/data-display/accordion/docs/React.html | 4 ++-- .../components/data-display/accordion/docs/Vue.html | 4 ++-- .../components/data-display/accordion/how-to-use.html | 2 +- .../components/data-display/accordion/migration.html | 2 +- .../components/data-display/accordion/overview.html | 2 +- .../components/data-display/accordion/properties.html | 2 +- .../components/data-display/brand.html | 2 +- .../components/data-display/brand/docs/Angular.html | 4 ++-- .../components/data-display/brand/docs/HTML.html | 4 ++-- .../components/data-display/brand/docs/Migration.html | 4 ++-- .../components/data-display/brand/docs/React.html | 4 ++-- .../components/data-display/brand/docs/Vue.html | 4 ++-- .../components/data-display/brand/how-to-use.html | 2 +- .../components/data-display/brand/migration.html | 2 +- .../components/data-display/brand/overview.html | 2 +- .../components/data-display/brand/properties.html | 2 +- .../components/data-display/infotext.html | 2 +- .../components/data-display/infotext/docs/Angular.html | 4 ++-- .../components/data-display/infotext/docs/HTML.html | 4 ++-- .../components/data-display/infotext/docs/Migration.html | 4 ++-- .../components/data-display/infotext/docs/React.html | 4 ++-- .../components/data-display/infotext/docs/Vue.html | 4 ++-- .../components/data-display/infotext/how-to-use.html | 2 +- .../components/data-display/infotext/migration.html | 2 +- .../components/data-display/infotext/overview.html | 2 +- .../components/data-display/infotext/properties.html | 2 +- .../components/data-display/tab-item.html | 2 +- .../components/data-display/tab-item/docs/Angular.html | 4 ++-- .../components/data-display/tab-item/docs/HTML.html | 4 ++-- .../components/data-display/tab-item/docs/Migration.html | 4 ++-- .../components/data-display/tab-item/docs/React.html | 4 ++-- .../components/data-display/tab-item/docs/Vue.html | 4 ++-- .../components/data-display/tab-item/how-to-use.html | 2 +- .../components/data-display/tab-item/migration.html | 2 +- .../components/data-display/tab-item/overview.html | 2 +- .../components/data-display/tab-item/properties.html | 2 +- .../components/data-display/tabs.html | 2 +- .../components/data-display/tabs/docs/Angular.html | 4 ++-- .../components/data-display/tabs/docs/HTML.html | 4 ++-- .../components/data-display/tabs/docs/Migration.html | 4 ++-- .../components/data-display/tabs/docs/React.html | 4 ++-- .../components/data-display/tabs/docs/Vue.html | 4 ++-- .../components/data-display/tabs/how-to-use.html | 2 +- .../components/data-display/tabs/migration.html | 2 +- .../components/data-display/tabs/overview.html | 2 +- .../components/data-display/tabs/properties.html | 2 +- .../components/data-display/tag.html | 2 +- .../components/data-display/tag/docs/Angular.html | 4 ++-- .../components/data-display/tag/docs/HTML.html | 4 ++-- .../components/data-display/tag/docs/Migration.html | 4 ++-- .../components/data-display/tag/docs/React.html | 4 ++-- .../components/data-display/tag/docs/Vue.html | 4 ++-- .../components/data-display/tag/how-to-use.html | 2 +- .../components/data-display/tag/migration.html | 2 +- .../components/data-display/tag/overview.html | 2 +- .../components/data-display/tag/properties.html | 2 +- .../components/data-display/tooltip.html | 2 +- .../components/data-display/tooltip/docs/Angular.html | 4 ++-- .../components/data-display/tooltip/docs/HTML.html | 4 ++-- .../components/data-display/tooltip/docs/Migration.html | 4 ++-- .../components/data-display/tooltip/docs/React.html | 4 ++-- .../components/data-display/tooltip/docs/Vue.html | 4 ++-- .../components/data-display/tooltip/how-to-use.html | 2 +- .../components/data-display/tooltip/migration.html | 2 +- .../components/data-display/tooltip/overview.html | 2 +- .../components/data-display/tooltip/properties.html | 2 +- review/fix-a11y-form-component-ids/components/data-input.html | 2 +- .../components/data-input/checkbox.html | 2 +- .../components/data-input/checkbox/docs/Angular.html | 4 ++-- .../components/data-input/checkbox/docs/HTML.html | 4 ++-- .../components/data-input/checkbox/docs/Migration.html | 4 ++-- .../components/data-input/checkbox/docs/React.html | 4 ++-- .../components/data-input/checkbox/docs/Vue.html | 4 ++-- .../components/data-input/checkbox/how-to-use.html | 2 +- .../components/data-input/checkbox/migration.html | 2 +- .../components/data-input/checkbox/overview.html | 2 +- .../components/data-input/checkbox/properties.html | 2 +- .../components/data-input/input.html | 2 +- .../components/data-input/input/docs/Angular.html | 4 ++-- .../components/data-input/input/docs/HTML.html | 4 ++-- .../components/data-input/input/docs/Migration.html | 4 ++-- .../components/data-input/input/docs/React.html | 4 ++-- .../components/data-input/input/docs/Vue.html | 4 ++-- .../components/data-input/input/how-to-use.html | 2 +- .../components/data-input/input/migration.html | 2 +- .../components/data-input/input/overview.html | 2 +- .../components/data-input/input/properties.html | 2 +- .../components/data-input/radio.html | 2 +- .../components/data-input/radio/docs/Angular.html | 4 ++-- .../components/data-input/radio/docs/HTML.html | 4 ++-- .../components/data-input/radio/docs/Migration.html | 4 ++-- .../components/data-input/radio/docs/React.html | 4 ++-- .../components/data-input/radio/docs/Vue.html | 4 ++-- .../components/data-input/radio/how-to-use.html | 2 +- .../components/data-input/radio/migration.html | 2 +- .../components/data-input/radio/overview.html | 2 +- .../components/data-input/radio/properties.html | 2 +- .../components/data-input/select.html | 2 +- .../components/data-input/select/docs/Angular.html | 4 ++-- .../components/data-input/select/docs/HTML.html | 4 ++-- .../components/data-input/select/docs/Migration.html | 4 ++-- .../components/data-input/select/docs/React.html | 4 ++-- .../components/data-input/select/docs/Vue.html | 4 ++-- .../components/data-input/select/how-to-use.html | 2 +- .../components/data-input/select/migration.html | 2 +- .../components/data-input/select/overview.html | 2 +- .../components/data-input/select/properties.html | 2 +- .../components/data-input/switch.html | 2 +- .../components/data-input/switch/docs/Angular.html | 4 ++-- .../components/data-input/switch/docs/HTML.html | 4 ++-- .../components/data-input/switch/docs/Migration.html | 4 ++-- .../components/data-input/switch/docs/React.html | 4 ++-- .../components/data-input/switch/docs/Vue.html | 4 ++-- .../components/data-input/switch/how-to-use.html | 2 +- .../components/data-input/switch/migration.html | 2 +- .../components/data-input/switch/overview.html | 2 +- .../components/data-input/switch/properties.html | 2 +- .../components/data-input/textarea.html | 2 +- .../components/data-input/textarea/docs/Angular.html | 4 ++-- .../components/data-input/textarea/docs/HTML.html | 4 ++-- .../components/data-input/textarea/docs/Migration.html | 4 ++-- .../components/data-input/textarea/docs/React.html | 4 ++-- .../components/data-input/textarea/docs/Vue.html | 4 ++-- .../components/data-input/textarea/how-to-use.html | 2 +- .../components/data-input/textarea/migration.html | 2 +- .../components/data-input/textarea/overview.html | 2 +- .../components/data-input/textarea/properties.html | 2 +- review/fix-a11y-form-component-ids/components/divider.html | 2 +- .../components/divider/docs/Angular.html | 2 +- .../components/divider/docs/HTML.html | 2 +- .../components/divider/docs/React.html | 2 +- .../components/divider/docs/Vue.html | 2 +- .../components/divider/overview.html | 2 +- .../components/divider/properties.html | 2 +- review/fix-a11y-form-component-ids/components/drawer.html | 2 +- .../components/drawer/docs/Angular.html | 2 +- .../components/drawer/docs/HTML.html | 2 +- .../components/drawer/docs/React.html | 2 +- .../components/drawer/docs/Vue.html | 2 +- .../components/drawer/overview.html | 2 +- .../components/drawer/properties.html | 2 +- review/fix-a11y-form-component-ids/components/feedback.html | 2 +- .../components/feedback/badge.html | 2 +- .../components/feedback/badge/docs/Angular.html | 4 ++-- .../components/feedback/badge/docs/HTML.html | 4 ++-- .../components/feedback/badge/docs/Migration.html | 4 ++-- .../components/feedback/badge/docs/React.html | 4 ++-- .../components/feedback/badge/docs/Vue.html | 4 ++-- .../components/feedback/badge/how-to-use.html | 2 +- .../components/feedback/badge/migration.html | 2 +- .../components/feedback/badge/overview.html | 2 +- .../components/feedback/badge/properties.html | 2 +- .../components/feedback/notification.html | 2 +- .../components/feedback/notification/docs/Angular.html | 4 ++-- .../components/feedback/notification/docs/HTML.html | 4 ++-- .../components/feedback/notification/docs/Migration.html | 4 ++-- .../components/feedback/notification/docs/React.html | 4 ++-- .../components/feedback/notification/docs/Vue.html | 4 ++-- .../components/feedback/notification/how-to-use.html | 2 +- .../components/feedback/notification/migration.html | 2 +- .../components/feedback/notification/overview.html | 2 +- .../components/feedback/notification/properties.html | 2 +- review/fix-a11y-form-component-ids/components/header.html | 2 +- .../components/header/docs/Angular.html | 2 +- .../components/header/docs/HTML.html | 2 +- .../components/header/docs/React.html | 2 +- .../components/header/docs/Vue.html | 2 +- .../components/header/overview.html | 2 +- .../components/header/properties.html | 2 +- review/fix-a11y-form-component-ids/components/infotext.html | 2 +- .../components/infotext/docs/Angular.html | 2 +- .../components/infotext/docs/HTML.html | 2 +- .../components/infotext/docs/React.html | 2 +- .../components/infotext/docs/Vue.html | 2 +- .../components/infotext/overview.html | 2 +- .../components/infotext/properties.html | 2 +- review/fix-a11y-form-component-ids/components/input.html | 2 +- .../components/input/docs/Angular.html | 2 +- .../components/input/docs/HTML.html | 2 +- .../components/input/docs/React.html | 2 +- .../components/input/docs/Vue.html | 2 +- .../components/input/overview.html | 2 +- .../components/input/properties.html | 2 +- review/fix-a11y-form-component-ids/components/layout.html | 2 +- .../fix-a11y-form-component-ids/components/layout/card.html | 2 +- .../components/layout/card/docs/Angular.html | 4 ++-- .../components/layout/card/docs/HTML.html | 4 ++-- .../components/layout/card/docs/Migration.html | 4 ++-- .../components/layout/card/docs/React.html | 4 ++-- .../components/layout/card/docs/Vue.html | 4 ++-- .../components/layout/card/how-to-use.html | 2 +- .../components/layout/card/migration.html | 2 +- .../components/layout/card/overview.html | 2 +- .../components/layout/card/properties.html | 2 +- .../components/layout/divider.html | 2 +- .../components/layout/divider/docs/Angular.html | 4 ++-- .../components/layout/divider/docs/HTML.html | 4 ++-- .../components/layout/divider/docs/Migration.html | 4 ++-- .../components/layout/divider/docs/React.html | 4 ++-- .../components/layout/divider/docs/Vue.html | 4 ++-- .../components/layout/divider/how-to-use.html | 2 +- .../components/layout/divider/migration.html | 2 +- .../components/layout/divider/overview.html | 2 +- .../components/layout/divider/properties.html | 2 +- .../fix-a11y-form-component-ids/components/layout/drawer.html | 2 +- .../components/layout/drawer/docs/Angular.html | 4 ++-- .../components/layout/drawer/docs/HTML.html | 4 ++-- .../components/layout/drawer/docs/Migration.html | 4 ++-- .../components/layout/drawer/docs/React.html | 4 ++-- .../components/layout/drawer/docs/Vue.html | 4 ++-- .../components/layout/drawer/how-to-use.html | 2 +- .../components/layout/drawer/migration.html | 2 +- .../components/layout/drawer/overview.html | 2 +- .../components/layout/drawer/properties.html | 2 +- .../fix-a11y-form-component-ids/components/layout/header.html | 2 +- .../components/layout/header/docs/Angular.html | 4 ++-- .../components/layout/header/docs/HTML.html | 4 ++-- .../components/layout/header/docs/Migration.html | 4 ++-- .../components/layout/header/docs/React.html | 4 ++-- .../components/layout/header/docs/Vue.html | 4 ++-- .../components/layout/header/how-to-use.html | 2 +- .../components/layout/header/migration.html | 2 +- .../components/layout/header/overview.html | 2 +- .../components/layout/header/properties.html | 2 +- .../components/layout/section.html | 2 +- .../components/layout/section/docs/Angular.html | 4 ++-- .../components/layout/section/docs/HTML.html | 4 ++-- .../components/layout/section/docs/Migration.html | 4 ++-- .../components/layout/section/docs/React.html | 4 ++-- .../components/layout/section/docs/Vue.html | 4 ++-- .../components/layout/section/how-to-use.html | 2 +- .../components/layout/section/migration.html | 2 +- .../components/layout/section/overview.html | 2 +- .../components/layout/section/properties.html | 2 +- review/fix-a11y-form-component-ids/components/link.html | 2 +- .../components/link/docs/Angular.html | 2 +- .../components/link/docs/HTML.html | 2 +- .../components/link/docs/React.html | 2 +- .../fix-a11y-form-component-ids/components/link/docs/Vue.html | 2 +- .../fix-a11y-form-component-ids/components/link/overview.html | 2 +- .../components/link/properties.html | 2 +- .../components/navigation-item.html | 2 +- .../components/navigation-item/docs/Angular.html | 2 +- .../components/navigation-item/docs/HTML.html | 2 +- .../components/navigation-item/docs/React.html | 2 +- .../components/navigation-item/docs/Vue.html | 2 +- .../components/navigation-item/overview.html | 2 +- .../components/navigation-item/properties.html | 2 +- review/fix-a11y-form-component-ids/components/navigation.html | 2 +- .../components/navigation/docs/Angular.html | 2 +- .../components/navigation/docs/HTML.html | 2 +- .../components/navigation/docs/React.html | 2 +- .../components/navigation/docs/Vue.html | 2 +- .../components/navigation/navigation-item.html | 2 +- .../components/navigation/navigation-item/docs/Angular.html | 4 ++-- .../components/navigation/navigation-item/docs/HTML.html | 4 ++-- .../components/navigation/navigation-item/docs/Migration.html | 4 ++-- .../components/navigation/navigation-item/docs/React.html | 4 ++-- .../components/navigation/navigation-item/docs/Vue.html | 4 ++-- .../components/navigation/navigation-item/how-to-use.html | 2 +- .../components/navigation/navigation-item/migration.html | 2 +- .../components/navigation/navigation-item/overview.html | 2 +- .../components/navigation/navigation-item/properties.html | 2 +- .../components/navigation/navigation.html | 2 +- .../components/navigation/navigation/docs/Angular.html | 4 ++-- .../components/navigation/navigation/docs/HTML.html | 4 ++-- .../components/navigation/navigation/docs/Migration.html | 4 ++-- .../components/navigation/navigation/docs/React.html | 4 ++-- .../components/navigation/navigation/docs/Vue.html | 4 ++-- .../components/navigation/navigation/how-to-use.html | 2 +- .../components/navigation/navigation/migration.html | 2 +- .../components/navigation/navigation/overview.html | 2 +- .../components/navigation/navigation/properties.html | 2 +- .../components/navigation/overview.html | 2 +- .../components/navigation/properties.html | 2 +- .../fix-a11y-form-component-ids/components/notification.html | 2 +- .../components/notification/docs/Angular.html | 2 +- .../components/notification/docs/HTML.html | 2 +- .../components/notification/docs/React.html | 2 +- .../components/notification/docs/Vue.html | 2 +- .../components/notification/overview.html | 2 +- .../components/notification/properties.html | 2 +- review/fix-a11y-form-component-ids/components/popover.html | 2 +- .../components/popover/docs/Angular.html | 2 +- .../components/popover/docs/HTML.html | 2 +- .../components/popover/docs/React.html | 2 +- .../components/popover/docs/Vue.html | 2 +- .../components/popover/overview.html | 2 +- .../components/popover/properties.html | 2 +- review/fix-a11y-form-component-ids/components/radio.html | 2 +- .../components/radio/docs/Angular.html | 2 +- .../components/radio/docs/HTML.html | 2 +- .../components/radio/docs/React.html | 2 +- .../components/radio/docs/Vue.html | 2 +- .../components/radio/overview.html | 2 +- .../components/radio/properties.html | 2 +- review/fix-a11y-form-component-ids/components/readme.html | 2 +- .../fix-a11y-form-component-ids/components/router-usage.html | 2 +- review/fix-a11y-form-component-ids/components/section.html | 2 +- .../components/section/docs/Angular.html | 2 +- .../components/section/docs/HTML.html | 2 +- .../components/section/docs/React.html | 2 +- .../components/section/docs/Vue.html | 2 +- .../components/section/overview.html | 2 +- .../components/section/properties.html | 2 +- review/fix-a11y-form-component-ids/components/select.html | 2 +- .../components/select/docs/Angular.html | 2 +- .../components/select/docs/HTML.html | 2 +- .../components/select/docs/React.html | 2 +- .../components/select/docs/Vue.html | 2 +- .../components/select/overview.html | 2 +- .../components/select/properties.html | 2 +- review/fix-a11y-form-component-ids/components/switch.html | 2 +- .../components/switch/docs/Angular.html | 2 +- .../components/switch/docs/HTML.html | 2 +- .../components/switch/docs/React.html | 2 +- .../components/switch/docs/Vue.html | 2 +- .../components/switch/overview.html | 2 +- .../components/switch/properties.html | 2 +- review/fix-a11y-form-component-ids/components/tab-item.html | 2 +- .../components/tab-item/docs/Angular.html | 2 +- .../components/tab-item/docs/HTML.html | 2 +- .../components/tab-item/docs/React.html | 2 +- .../components/tab-item/docs/Vue.html | 2 +- .../components/tab-item/overview.html | 2 +- .../components/tab-item/properties.html | 2 +- review/fix-a11y-form-component-ids/components/tabs.html | 2 +- .../components/tabs/docs/Angular.html | 2 +- .../components/tabs/docs/HTML.html | 2 +- .../components/tabs/docs/React.html | 2 +- .../fix-a11y-form-component-ids/components/tabs/docs/Vue.html | 2 +- .../fix-a11y-form-component-ids/components/tabs/overview.html | 2 +- .../components/tabs/properties.html | 2 +- review/fix-a11y-form-component-ids/components/tag.html | 2 +- .../components/tag/docs/Angular.html | 2 +- .../fix-a11y-form-component-ids/components/tag/docs/HTML.html | 2 +- .../components/tag/docs/React.html | 2 +- .../fix-a11y-form-component-ids/components/tag/docs/Vue.html | 2 +- .../fix-a11y-form-component-ids/components/tag/overview.html | 2 +- .../components/tag/properties.html | 2 +- review/fix-a11y-form-component-ids/components/textarea.html | 2 +- .../components/textarea/docs/Angular.html | 2 +- .../components/textarea/docs/HTML.html | 2 +- .../components/textarea/docs/React.html | 2 +- .../components/textarea/docs/Vue.html | 2 +- .../components/textarea/overview.html | 2 +- .../components/textarea/properties.html | 2 +- review/fix-a11y-form-component-ids/components/tooltip.html | 2 +- .../components/tooltip/docs/Angular.html | 2 +- .../components/tooltip/docs/HTML.html | 2 +- .../components/tooltip/docs/React.html | 2 +- .../components/tooltip/docs/Vue.html | 2 +- .../components/tooltip/overview.html | 2 +- .../components/tooltip/properties.html | 2 +- review/fix-a11y-form-component-ids/components/utilities.html | 2 +- .../components/utilities/popover.html | 2 +- .../components/utilities/popover/docs/Angular.html | 4 ++-- .../components/utilities/popover/docs/HTML.html | 4 ++-- .../components/utilities/popover/docs/Migration.html | 4 ++-- .../components/utilities/popover/docs/React.html | 4 ++-- .../components/utilities/popover/docs/Vue.html | 4 ++-- .../components/utilities/popover/how-to-use.html | 2 +- .../components/utilities/popover/migration.html | 2 +- .../components/utilities/popover/overview.html | 2 +- .../components/utilities/popover/properties.html | 2 +- review/fix-a11y-form-component-ids/components/validation.html | 2 +- review/fix-a11y-form-component-ids/foundations.html | 2 +- review/fix-a11y-form-component-ids/foundations/colors.html | 2 +- .../foundations/colors/color-schemes.html | 2 +- .../foundations/colors/overview.html | 2 +- .../foundations/colors/readme.html | 2 +- review/fix-a11y-form-component-ids/foundations/densities.html | 2 +- .../foundations/densities/examples.html | 2 +- .../foundations/densities/readme.html | 2 +- .../fix-a11y-form-component-ids/foundations/font-sizes.html | 2 +- .../foundations/font-sizes/overview.html | 2 +- .../foundations/font-sizes/readme.html | 2 +- review/fix-a11y-form-component-ids/foundations/icons.html | 2 +- .../foundations/icons/custom-icons.html | 2 +- .../foundations/icons/overview.html | 2 +- .../fix-a11y-form-component-ids/foundations/icons/readme.html | 2 +- review/fix-a11y-form-component-ids/foundations/readme.html | 2 +- review/fix-a11y-form-component-ids/foundations/variables.html | 2 +- .../foundations/variables/examples.html | 2 +- .../foundations/variables/readme.html | 2 +- review/fix-a11y-form-component-ids/iframe.html | 2 +- review/fix-a11y-form-component-ids/index.html | 2 +- 590 files changed, 608 insertions(+), 608 deletions(-) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/accordion-item.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/accordion-item/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/accordion.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/accordion/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/action.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/action/button.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/action/button/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/action/link.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/action/link/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/badge.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/badge/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/brand.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/brand/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/button.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/button/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/card.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/card/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/checkbox.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/checkbox/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/accordion-item.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/accordion-item/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/accordion.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/accordion/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/brand.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/brand/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/infotext.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/infotext/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tab-item.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tab-item/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tabs.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tabs/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tag.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tag/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tooltip.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-display/tooltip/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/checkbox.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/checkbox/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/input.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/input/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/radio.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/radio/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/select.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/select/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/switch.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/switch/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/textarea.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/data-input/textarea/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/divider.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/divider/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/drawer.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/drawer/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/feedback.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/feedback/badge.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/feedback/badge/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/feedback/notification.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/feedback/notification/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/header.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/header/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/infotext.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/infotext/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/input.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/input/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/card.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/card/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/divider.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/divider/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/drawer.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/drawer/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/header.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/header/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/section.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/layout/section/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/link.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/link/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation-item.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation-item/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation/navigation-item.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation/navigation-item/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation/navigation.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation/navigation/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/navigation/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/notification.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/notification/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/popover.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/popover/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/radio.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/radio/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/section.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/section/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/select.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/select/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/switch.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/switch/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tab-item.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tab-item/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tabs.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tabs/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tag.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tag/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/textarea.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/textarea/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tooltip.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/tooltip/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/utilities.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/utilities/popover.json (100%) rename review/fix-a11y-form-component-ids/_next/data/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/components/utilities/popover/overview.json (100%) rename review/fix-a11y-form-component-ids/_next/static/chunks/{2182-82d7fda83a66829e.js => 2182-9302014dabc419ce.js} (60%) rename review/fix-a11y-form-component-ids/_next/static/chunks/{2811-3504c51fb3959cae.js => 2811-55a3d8eaadd1a24e.js} (64%) rename review/fix-a11y-form-component-ids/_next/static/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/_buildManifest.js (99%) rename review/fix-a11y-form-component-ids/_next/static/{2GjHt8bcFwmZ0kYiQXlb5 => rf5OteD_asBoxhQ6QMzjo}/_ssgManifest.js (100%) diff --git a/review/fix-a11y-form-component-ids/404.html b/review/fix-a11y-form-component-ids/404.html index 9556453eb52..6da99433d32 100644 --- a/review/fix-a11y-form-component-ids/404.html +++ b/review/fix-a11y-form-component-ids/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/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion-item.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion-item.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion-item.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion-item.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion-item/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion-item/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion-item/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion-item/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/accordion/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/accordion/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/button.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/button.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/button.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/button.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/button/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/button/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/button/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/button/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/link.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/link.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/link.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/link.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/link/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/link/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/action/link/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/action/link/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/badge.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/badge.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/badge.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/badge.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/badge/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/badge/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/badge/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/badge/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/brand.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/brand.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/brand.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/brand.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/brand/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/brand/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/brand/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/brand/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/button.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/button.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/button.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/button.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/button/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/button/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/button/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/button/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/card.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/card.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/card.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/card.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/card/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/card/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/card/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/card/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/checkbox.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/checkbox.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/checkbox.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/checkbox.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/checkbox/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/checkbox/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/checkbox/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/checkbox/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion-item.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion-item.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion-item.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion-item.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion-item/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion-item/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion-item/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion-item/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/accordion/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/accordion/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/brand.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/brand.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/brand.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/brand.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/brand/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/brand/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/brand/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/brand/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/infotext.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/infotext.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/infotext.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/infotext.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/infotext/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/infotext/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/infotext/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/infotext/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tab-item.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tab-item.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tab-item.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tab-item.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tab-item/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tab-item/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tab-item/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tab-item/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tabs.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tabs.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tabs.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tabs.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tabs/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tabs/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tabs/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tabs/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tag.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tag.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tag.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tag.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tag/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tag/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tag/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tag/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tooltip.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tooltip.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tooltip.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tooltip.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tooltip/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tooltip/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-display/tooltip/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-display/tooltip/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/checkbox.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/checkbox.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/checkbox.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/checkbox.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/checkbox/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/checkbox/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/checkbox/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/checkbox/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/input.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/input.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/input.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/input.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/input/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/input/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/input/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/input/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/radio.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/radio.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/radio.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/radio.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/radio/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/radio/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/radio/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/radio/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/select.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/select.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/select.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/select.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/select/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/select/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/select/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/select/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/switch.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/switch.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/switch.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/switch.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/switch/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/switch/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/switch/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/switch/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/textarea.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/textarea.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/textarea.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/textarea.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/textarea/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/textarea/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/data-input/textarea/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/data-input/textarea/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/divider.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/divider.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/divider.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/divider.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/divider/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/divider/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/divider/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/divider/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/drawer.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/drawer.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/drawer.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/drawer.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/drawer/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/drawer/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/drawer/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/drawer/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/badge.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/badge.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/badge.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/badge.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/badge/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/badge/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/badge/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/badge/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/notification.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/notification.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/notification.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/notification.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/notification/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/notification/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/feedback/notification/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/feedback/notification/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/header.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/header.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/header.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/header.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/header/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/header/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/header/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/header/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/infotext.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/infotext.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/infotext.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/infotext.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/infotext/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/infotext/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/infotext/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/infotext/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/input.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/input.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/input.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/input.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/input/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/input/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/input/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/input/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/card.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/card.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/card.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/card.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/card/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/card/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/card/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/card/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/divider.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/divider.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/divider.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/divider.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/divider/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/divider/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/divider/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/divider/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/drawer.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/drawer.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/drawer.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/drawer.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/drawer/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/drawer/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/drawer/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/drawer/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/header.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/header.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/header.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/header.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/header/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/header/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/header/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/header/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/section.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/section.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/section.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/section.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/section/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/section/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/layout/section/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/layout/section/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/link.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/link.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/link.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/link.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/link/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/link/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/link/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/link/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation-item.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation-item.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation-item.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation-item.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation-item/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation-item/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation-item/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation-item/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation-item.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation-item.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation-item.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation-item.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation-item/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation-item/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation-item/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation-item/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/navigation/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/navigation/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/navigation/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/navigation/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/notification.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/notification.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/notification.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/notification.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/notification/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/notification/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/notification/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/notification/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/popover.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/popover.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/popover.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/popover.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/popover/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/popover/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/popover/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/popover/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/radio.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/radio.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/radio.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/radio.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/radio/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/radio/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/radio/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/radio/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/section.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/section.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/section.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/section.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/section/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/section/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/section/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/section/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/select.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/select.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/select.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/select.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/select/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/select/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/select/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/select/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/switch.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/switch.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/switch.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/switch.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/switch/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/switch/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/switch/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/switch/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tab-item.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tab-item.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tab-item.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tab-item.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tab-item/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tab-item/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tab-item/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tab-item/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tabs.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tabs.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tabs.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tabs.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tabs/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tabs/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tabs/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tabs/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tag.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tag.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tag.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tag.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tag/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tag/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tag/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tag/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/textarea.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/textarea.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/textarea.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/textarea.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/textarea/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/textarea/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/textarea/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/textarea/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tooltip.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tooltip.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tooltip.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tooltip.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tooltip/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tooltip/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/tooltip/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/tooltip/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/utilities.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/utilities.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/utilities.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/utilities.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/utilities/popover.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/utilities/popover.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/utilities/popover.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/utilities/popover.json diff --git a/review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/utilities/popover/overview.json b/review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/utilities/popover/overview.json similarity index 100% rename from review/fix-a11y-form-component-ids/_next/data/2GjHt8bcFwmZ0kYiQXlb5/components/utilities/popover/overview.json rename to review/fix-a11y-form-component-ids/_next/data/rf5OteD_asBoxhQ6QMzjo/components/utilities/popover/overview.json diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/2182-82d7fda83a66829e.js b/review/fix-a11y-form-component-ids/_next/static/chunks/2182-9302014dabc419ce.js similarity index 60% rename from review/fix-a11y-form-component-ids/_next/static/chunks/2182-82d7fda83a66829e.js rename to review/fix-a11y-form-component-ids/_next/static/chunks/2182-9302014dabc419ce.js index 9e3905e6012..f791839a908 100644 --- a/review/fix-a11y-form-component-ids/_next/static/chunks/2182-82d7fda83a66829e.js +++ b/review/fix-a11y-form-component-ids/_next/static/chunks/2182-9302014dabc419ce.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2182],{70453:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[c,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"accordion-item-"+(0,l.Vj)()),e.defaultOpen&&o(e.defaultOpen)},[]),(0,n.jsxs)("details",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:c,name:e.name,children:[(0,n.jsxs)("summary",{onClick:a=>(function(a){null==a||a.preventDefault();let t=!c;e.onToggle&&e.onToggle(t),o(t)})(a),children:[e.headlinePlain?(0,n.jsx)(n.Fragment,{children:e.headlinePlain}):null,e.headlinePlain?null:(0,n.jsx)(n.Fragment,{children:e.headline})]}),(0,n.jsxs)("div",{children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.content?null:(0,n.jsx)(n.Fragment,{children:e.children})]})]})});a.Z=s},38663:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(70453);let s=(0,i.forwardRef)(function(e,a){var t;let s=a||(0,i.useRef)(a),[d,c]=(0,i.useState)(()=>[]),[o,u]=(0,i.useState)(()=>""),[v,h]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{h(!0)},[]),(0,i.useEffect)(()=>{if(s.current&&v){let a=s.current.getElementsByTagName("details");if(a){let t=[];Array.from(a).forEach((a,n)=>{var i;let l=a.id;(a.open||(null===(i=e.initOpenIndex)||void 0===i?void 0:i.includes(n)))&&t.push(l);let r=a.getElementsByTagName("summary");(null==r?void 0:r.length)>0&&r[0].addEventListener("click",()=>{u(l)})}),"single"===e.behaviour&&t.length>1&&(t=[t[0]]),c(t),h(!1)}}},[s.current,v]),(0,i.useEffect)(()=>{(null==o?void 0:o.length)>0&&(d.includes(o)?"single"===e.behaviour?c([]):c(d.filter(e=>e!==o)):"single"===e.behaviour?c([o]):c([...d,o]),e.onChange&&e.onChange(d),u(""))},[o]),(0,i.useEffect)(()=>{if(null==s?void 0:s.current){let e=s.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=d.includes(e.id)})}},[d]),(0,n.jsxs)("div",{ref:s,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,n.jsx)(n.Fragment,{children:e.children}),e.items?(0,n.jsx)(n.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===t?void 0:t.map((e,a)=>(0,n.jsx)(r.Z,{headlinePlain:e.headlinePlain,disabled:e.disabled,content:e.content},"accordion-item-".concat(a)))}):null]})});a.Z=s},82919:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){var t,s;let d=a||(0,i.useRef)(a),[c,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{o(!0)},[]),(0,i.useEffect)(()=>{if(d.current&&c){var a;if(null===(a=e.placement)||void 0===a?void 0:a.startsWith("corner")){let e=d.current.parentElement;e&&e.localName.includes("badge")&&(e=e.parentElement),e&&e.setAttribute("data-has-badge","true")}}},[d.current,c]),(0,n.jsx)("span",{ref:d,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-badge",e.className),"data-semantic":e.semantic,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,"data-label":(null===(t=e.placement)||void 0===t?void 0:t.startsWith("corner"))&&(null!==(s=e.label)&&void 0!==s?s:r.SU),children:e.children})});a.Z=s},98310:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){var t;let r=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>({icon:"db"}));return(0,n.jsx)("div",{ref:r,...(0,l.mS)(e,[]),"data-icon":e.hideLogo?"none":null!==(t=e.icon)&&void 0!==t?t:s.icon,id:e.id,className:(0,l.yI)("db-brand",e.className),children:e.children})});a.Z=r},10326:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("button",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-button",e.className),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":e.noText,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:e.children})});a.Z=r},70741:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-behaviour":e.behaviour,"data-elevation-level":e.elevationLevel,"data-spacing":e.spacing,role:"interactive"===e.behaviour?"button":void 0,tabIndex:"interactive"===e.behaviour?0:void 0,onClick:a=>{e.onClick&&e.onClick(a)},className:(0,l.yI)("db-card",e.className),children:e.children})});a.Z=r},1689:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o;let u=a||(0,i.useRef)(a),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>"checkbox-"+(0,l.Vj)()),[b,g]=(0,i.useState)(()=>m+r.Kn),[p,N]=(0,i.useState)(()=>m+r.vs),[E,S]=(0,i.useState)(()=>m+r.Ik),[_,x]=(0,i.useState)(()=>"");return(0,i.useEffect)(()=>{h(!0),f(e.id||m)},[]),(0,i.useEffect)(()=>{if(m){let a=m+r.Kn,t=m+r.vs,n=m+r.Ik;g(a),N(t),S(n),e.message&&x(a)}},[m]),(0,i.useEffect)(()=>{if(v&&document&&m){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(m);t&&(void 0!=e.checked&&(t.checked=e.checked),void 0!==e.indeterminate&&(t.indeterminate=e.indeterminate),h(!1))}},[v,e.indeterminate,e.checked]),(0,n.jsxs)("div",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-checkbox",e.className),children:[(0,n.jsxs)("label",{htmlFor:m,children:[(0,n.jsx)("input",{type:"checkbox","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:u,...(0,l.mS)(e,[]),id:m,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,required:e.required,onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=u.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=u.current)||void 0===n?void 0:n.validity.valid)&&e.required?x(p):e.message?x(b):x(""):x(E)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":_}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:p,children:null!==(d=e.validMessage)&&void 0!==d?d:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:E,children:null!==(o=null!==(c=e.invalidMessage)&&void 0!==c?c:null===(t=u.current)||void 0===t?void 0:t.validationMessage)&&void 0!==o?o:r.CV})]})});a.Z=d},45886:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,l.yI)("db-divider",e.className)})});a.Z=r},37402:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a),c=(0,i.useRef)(null);function o(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"click"===a.type&&"none"!==e.backdrop)&&e.onClose&&e.onClose(a)}function u(){(null==d?void 0:d.current)&&(e.open&&!d.current.open&&(c.current&&(c.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(c.current&&(c.current.hidden=!0),setTimeout(()=>{var e;c.current&&(c.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}return(0,i.useEffect)(()=>{u()},[]),(0,i.useEffect)(()=>{u()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:d,...(0,s.mS)(e,["onClose"]),onClick:e=>{o(e)},onKeyDown:e=>o(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:c,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:(0,n.jsx)(n.Fragment,{children:e.drawerHeader})}),e.withCloseButton?(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>o("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})});a.Z=d},82664:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(37402),d=t(55482),c=t(52082);let o=(0,i.forwardRef)(function(e,a){var t;let o=a||(0,i.useRef)(a),[u,v]=(0,i.useState)(()=>d.IY),[h,m]=(0,i.useState)(()=>!1),[f,b]=(0,i.useState)(()=>!1),[g,p]=(0,i.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function N(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,i.useEffect)(()=>{m(!0),v(e.id||"header-"+(0,l.Vj)())},[]),(0,i.useEffect)(()=>{if(h&&document&&u&&e.forceMobile){let e=document.getElementById(u);e&&(0,l.yn)(e,{key:"data-force-mobile",value:"true"}),b(!0)}},[h]),(0,n.jsxs)("header",{ref:o,...(0,l.mS)(e,[]),className:(0,l.yI)("db-header",e.className),id:u,"data-width":e.width,"data-on-forcing-mobile":e.forceMobile&&!f,children:[(0,n.jsxs)(s.Z,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>N(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",onClick:e=>{(0,c.sb)(e)&&N()},children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})})]}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:(0,n.jsx)(n.Fragment,{children:e.brand})}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-primary-action",children:(0,n.jsx)(n.Fragment,{children:e.primaryAction})})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(r.Z,{id:"button-burger-menu",icon:"menu",variant:"ghost",noText:!0,onClick:()=>N(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:g.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]})]})]})});a.Z=o},47437:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("span",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-infotext",e.className),"data-icon":e.icon,"data-semantic":e.semantic,"data-size":e.size,children:e.children})});a.Z=r},49475:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let m=a||(0,i.useRef)(a),[f,b]=(0,i.useState)(()=>"input-"+(0,l.Vj)()),[g,p]=(0,i.useState)(()=>f+r.Kn),[N,E]=(0,i.useState)(()=>f+r.vs),[S,_]=(0,i.useState)(()=>f+r.Ik),[x,R]=(0,i.useState)(()=>f+r.Qy),[L,j]=(0,i.useState)(()=>"none"),[A,y]=(0,i.useState)(()=>""),[I,C]=(0,i.useState)(()=>({label:r.SU,placeholder:" "}));return(0,i.useEffect)(()=>{var a,t;b(null!==(a=e.id)&&void 0!==a?a:f),R(null!==(t=e.dataListId)&&void 0!==t?t:x)},[]),(0,i.useEffect)(()=>{if(f){let a=f+r.Kn,t=f+r.vs,n=f+r.Ik;p(a),E(t),_(n),e.message&&j(a)}},[f]),(0,i.useEffect)(()=>{y(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-input",e.className),"data-variant":e.variant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(c=e.label)&&void 0!==c?c:I.label}),(0,n.jsx)("input",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.mS)(e,[]),id:f,name:e.name,type:e.type||"text",placeholder:null!==(o=e.placeholder)&&void 0!==o?o:I.placeholder,disabled:e.disabled,required:e.required,step:e.step,value:e.value,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength||e.pattern)?j(N):e.message?j(g):j("none"):j(S)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},list:e.dataList&&x,"aria-describedby":L}),e.dataList?(0,n.jsx)("datalist",{id:x,children:null===(t=e.dataList)||void 0===t?void 0:t.map(e=>(0,n.jsx)("option",{value:e.key,children:e.value},x+"-option-"+e.key))}):null,e.children,e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV})]})});a.Z=d},50350:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,n.jsxs)("a",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:a=>{e.onClick&&e.onClick(a)},children:[e.text?(0,n.jsx)("span",{children:e.text}):null,e.children]})});a.Z=s},39120:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(43251),s=t(52082),d=t(55482);let c=(0,i.forwardRef)(function(e,a){var t;let c=a||(0,i.useRef)(a),[o,u]=(0,i.useState)(()=>!1),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>!0),[b,g]=(0,i.useState)(()=>!1),[p,N]=(0,i.useState)(()=>"sub-navigation-"+(0,r.Vj)()),[E,S]=(0,i.useState)(()=>void 0);return(0,i.useEffect)(()=>{u(!0)},[]),(0,i.useEffect)(()=>{void 0!==e.subNavigationExpanded&&g(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,i.useEffect)(()=>{!function(){if(o&&document&&p){var e,a;let t=null===(e=document)||void 0===e?void 0:e.getElementById(p);t&&((null===(a=t.children)||void 0===a?void 0:a.length)>0?(h(!0),E||S(new s.sE(c.current,t))):f(!1))}}()},[o]),(0,n.jsxs)("li",{ref:c,...(0,r.mS)(e,[]),id:e.id,onMouseOver:e=>null==E?void 0:E.enableFollow(),onMouseLeave:e=>null==E?void 0:E.disableFollow(),onMouseMove:e=>null==E?void 0:E.followByMouseEvent(e),className:(0,r.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[m?null:(0,n.jsx)(n.Fragment,{children:e.children}),m?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":v,"aria-expanded":b,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),v&&g(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[v?(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(l.Z,{icon:"arrow_left",variant:"ghost",id:e.backButtonId,onClick:e=>{e.stopPropagation(),g(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:d.YP})}):null,(0,n.jsx)(n.Fragment,{children:e.subNavigation})]})]}):null]})});a.Z=c},33759:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"navigation-"+(0,l.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,l.mS)(e,[]),id:s,"aria-labelledby":e.labelledBy,className:(0,l.yI)("db-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})});a.Z=s},99242:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a);return(0,n.jsxs)("article",{ref:d,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-notification",e.className),"aria-live":e.ariaLive,"data-semantic":e.semantic,"data-variant":e.variant,"data-icon":e.icon,"data-link-variant":e.linkVariant,children:[(0,n.jsx)(n.Fragment,{children:e.image}),e.headline?(0,n.jsx)("header",{children:e.headline}):null,(0,n.jsx)("p",{children:e.children}),e.timestamp?(0,n.jsx)("span",{children:e.timestamp}):null,(0,n.jsx)(n.Fragment,{children:e.link}),"permanent"!==e.behaviour?(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",size:"small",id:e.closeButtonId,noText:!0,onClick:a=>{e.onClose&&e.onClose()},children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce}):null]})});a.Z=d},60029:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1);function d(){if(!t.current)return;let e=t.current.querySelector("article");e&&(0,l.Lp)(e)}return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&r){let e=Array.from(t.current.children);e.length>=2&&(e[0].ariaHasPopup="true"),s(!1)}},[t.current,r]),(0,n.jsxs)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-popover",e.className),onFocus:e=>d(),onMouseEnter:e=>d(),children:[(0,n.jsx)(n.Fragment,{children:e.trigger}),(0,n.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})});a.Z=r},78016:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,c]=(0,i.useState)(()=>"radio-"+(0,l.Vj)());return(0,i.useEffect)(()=>{var a;s(!0),c(null!==(a=e.id)&&void 0!==a?a:d)},[]),(0,i.useEffect)(()=>{if(e.checked&&r&&document&&d){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(d);t&&void 0!=e.checked&&(t.checked=!0)}},[r,e.checked]),(0,n.jsxs)("label",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-radio",e.className),htmlFor:d,children:[(0,n.jsx)("input",{type:"radio","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:t,...(0,l.mS)(e,[]),id:d,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,value:e.value,required:e.required,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]})});a.Z=r},55327:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"section-"+(0,l.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,l.mS)(e,[]),id:s,"data-spacing":e.spacing||"medium",className:(0,l.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-width":e.width,children:e.children})})});a.Z=s},79081:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let m=a||(0,i.useRef)(a),[f,b]=(0,i.useState)(()=>"select-"+(0,l.Vj)()),[g,p]=(0,i.useState)(()=>f+r.Kn),[N,E]=(0,i.useState)(()=>f+r.vs),[S,_]=(0,i.useState)(()=>f+r.Ik),[x,R]=(0,i.useState)(()=>f+r.D_),[L,j]=(0,i.useState)(()=>"none"),[A,y]=(0,i.useState)(()=>""),[I,C]=(0,i.useState)(()=>!1);function T(e){var a;return null!==(a=e.label)&&void 0!==a?a:e.value.toString()}return(0,i.useEffect)(()=>{b(e.id||f),C(!0)},[]),(0,i.useEffect)(()=>{if(f&&I){let a=f+r.Kn,t=f+r.vs,n=f+r.Ik,i=f+r.D_;p(a),E(t),_(n),R(i),e.message?j(a):j(i),C(!1)}},[f,I]),(0,i.useEffect)(()=>{y(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(c=e.label)&&void 0!==c?c:r.SU}),(0,n.jsxs)("select",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.mS)(e,[]),required:e.required,disabled:e.disabled,id:f,name:e.name,value:e.value,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onClick:a=>{e.onClick&&e.onClick(a)},onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&e.required?j(N):e.message?j(g):j(x):j(S)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":L,children:[(0,n.jsx)("option",{hidden:!0}),e.options?(0,n.jsx)(i.Fragment,{children:null===(t=e.options)||void 0===t?void 0:t.map(e=>{var a;return(0,n.jsxs)(i.Fragment,{children:[e.options?(0,n.jsx)("optgroup",{label:T(e),children:null===(a=e.options)||void 0===a?void 0:a.map(e=>(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:T(e)},e.value.toString()))}):null,e.options?null:(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:T(e)})]},(0,l.Vj)())})},(0,l.Vj)()):null,e.children]}),(0,n.jsx)("span",{id:x,children:null!==(o=e.placeholder)&&void 0!==o?o:e.label}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV})]})});a.Z=d},55025:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>"switch-"+(0,l.Vj)()),[d,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(e.id||r)},[]),(0,n.jsxs)("label",{"data-visual-aid":e.visualAid,"data-size":e.size,"data-variant":e.variant,"data-emphasis":e.emphasis,htmlFor:r,className:(0,l.yI)("db-switch",e.className),children:[(0,n.jsx)("input",{type:"checkbox",role:"switch",ref:t,...(0,l.mS)(e,[]),id:r,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,name:e.name,required:e.required,"data-aid-icon":e.icon,"data-aid-icon-after":e.iconAfter,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.children]})});a.Z=r},57284:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{e.active&&r&&t.current&&(t.current.click(),s(!1))},[t.current,r]),(0,n.jsx)("li",{role:"none",className:(0,l.yI)("db-tab-item",e.className),children:(0,n.jsxs)("label",{htmlFor:e.id,"data-icon":e.icon,"data-icon-after":e.iconAfter,"data-no-text":e.noText,children:[(0,n.jsx)("input",{type:"radio",role:"tab",disabled:e.disabled,"aria-selected":d,"aria-controls":e.controls,checked:e.checked,ref:t,...(0,l.mS)(e,[]),id:e.id,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),c(null===(t=a.target)||void 0===t?void 0:t.checked)}}),e.label?(0,n.jsx)(n.Fragment,{children:e.label}):null,e.children]})})});a.Z=r},57884:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"tab-list-"+(0,l.Vj)())},[]),(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-tab-list",e.className),children:(0,n.jsx)("ul",{role:"tablist",children:e.children})})});a.Z=s},49953:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,i.useEffect)(()=>{},[]),(0,n.jsxs)("section",{role:"tabpanel",ref:t,...(0,l.mS)(e,[]),className:(0,l.yI)("db-tab-panel",e.className),id:e.id,"aria-labelledby":e.labelledBy,children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.children]})});a.Z=r},57092:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(57884),d=t(57284),c=t(49953);let o=(0,i.forwardRef)(function(e,a){var t,o,u,v;let h=a||(0,i.useRef)(a),[m,f]=(0,i.useState)(()=>"tabs-"+(0,l.Vj)()),[b,g]=(0,i.useState)(()=>""),[p,N]=(0,i.useState)(()=>!1),[E,S]=(0,i.useState)(()=>!1),[_,x]=(0,i.useState)(()=>!1),[R,L]=(0,i.useState)(()=>null);function j(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}function A(e){let a=e.scrollWidth>e.clientWidth;S(a&&e.scrollLeft>1),x(a&&e.scrollLeft{A(t)}))}}}function C(a){if(h.current){let t=h.current.querySelector(".db-tab-list").getElementsByClassName("db-tab-item");(null==t?void 0:t.length)>0&&Array.from(t).forEach((t,n)=>{let i=t.querySelector("label"),l=t.querySelector("input");if(l&&i){if(!l.id){let e="".concat(b,"-tab-").concat(n);i.setAttribute("for",e),l.setAttribute("aria-controls","".concat(b,"-tab-panel-").concat(n)),l.id=e,l.setAttribute("name",b)}if(a){let a=!e.initialSelectedMode||"auto"===e.initialSelectedMode,t=void 0===e.initialSelectedIndex&&0===n||e.initialSelectedIndex===n;a&&t&&l.click()}}});let n=[...Array.from(h.current.querySelectorAll("& > .db-tab-panel")),...Array.from(h.current.querySelectorAll("& > dbtabpanel > .db-tab-panel")),...Array.from(h.current.querySelectorAll("& > db-tab-panel > .db-tab-panel"))];(null==n?void 0:n.length)>0&&n.forEach((e,a)=>{e.id||(e.id="".concat(b,"-tab-panel-").concat(a),e.setAttribute("aria-labelledby","".concat(b,"-tab-").concat(a)))})}}return(0,i.useEffect)(()=>{f(e.id||m),g(e.name||(0,l.Vj)()),N(!0)},[]),(0,i.useEffect)(()=>{if(h.current&&p){I(),C(!0);let e=h.current.querySelector(".db-tab-list");e&&new MutationObserver(e=>{e.forEach(e=>{(e.removedNodes.length||e.addedNodes.length)&&(I(),C())})}).observe(e,{childList:!0,subtree:!0}),N(!1)}},[h.current,p]),(0,n.jsxs)("div",{ref:h,...(0,l.mS)(e,[]),id:m,className:(0,l.yI)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(u=e.alignment)&&void 0!==u?u:"start","data-width":null!==(v=e.width)&&void 0!==v?v:"auto",children:[E?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:e=>y(!0),children:"Scroll left"}):null,e.tabs?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{children:null===(t=j(e.tabs))||void 0===t?void 0:t.map((a,t)=>(0,n.jsx)(d.Z,{active:a.active,label:a.label,iconAfter:a.iconAfter,icon:a.icon,noText:a.noText},e.name+"tab-item"+t))}),null===(o=j(e.tabs))||void 0===o?void 0:o.map((a,t)=>(0,n.jsx)(c.Z,{content:a.content,children:a.children},e.name+"tab-panel"+t))]}):null,_?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:e=>y(),children:"Scroll right"}):null,e.children]})});a.Z=o},73253:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(43251);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);function s(){return e.removeButton?e.removeButton:"Remove tag"}return(0,n.jsxs)("div",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-semantic":e.semantic,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[e.children,e.text?(0,n.jsx)(n.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,n.jsx)(l.Z,{icon:"cross",size:"small",variant:"ghost",className:"db-tab-remove-button",onClick:a=>void(e.onRemove&&e.onRemove()),noText:!0,title:s(),children:s()}):null]})});a.Z=s},22723:function(e,a,t){var n=t(52322),i=t(2784),l=t(47437),r=t(43251),s=t(55482);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let m=a||(0,i.useRef)(a),[f,b]=(0,i.useState)(()=>"textarea-"+(0,r.Vj)()),[g,p]=(0,i.useState)(()=>f+s.Kn),[N,E]=(0,i.useState)(()=>f+s.vs),[S,_]=(0,i.useState)(()=>f+s.Ik),[x,R]=(0,i.useState)(()=>"none"),[L,j]=(0,i.useState)(()=>""),[A,y]=(0,i.useState)(()=>({label:s.SU,placeholder:" ",rows:"4"}));return(0,i.useEffect)(()=>{b(e.id||f)},[]),(0,i.useEffect)(()=>{if(f){let a=f+s.Kn,t=f+s.vs,n=f+s.Ik;p(a),E(t),_(n),e.message&&R(a)}},[f]),(0,i.useEffect)(()=>{j(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,r.yI)("db-textarea",e.className),"data-variant":e.variant,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(d=e.label)&&void 0!==d?d:A.label}),(0,n.jsx)("textarea",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,r.mS)(e,[]),id:f,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength)?R(N):e.message?R(g):R("none"):R(S)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},value:e.value,"aria-describedby":x,placeholder:null!==(c=e.placeholder)&&void 0!==c?c:A.placeholder,rows:null!==(o=e.rows)&&void 0!==o?o:A.rows,cols:e.cols}),e.message?(0,n.jsx)(l.Z,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,n.jsx)(l.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:s.cj}),(0,n.jsx)(l.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(t=m.current)||void 0===t?void 0:t.validationMessage)&&void 0!==h?h:s.CV})]})});a.Z=d},79031:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[c,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"tooltip-"+(0,l.Vj)()),o(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&c){let e=t.current.parentElement;e&&e.localName.includes("tooltip")&&(e=e.parentElement),e&&(["mouseenter","focus"].forEach(a=>{e.addEventListener(a,()=>void((null==t?void 0:t.current)&&(0,l.Lp)(t.current)))}),e.setAttribute("data-has-tooltip","true"),e.setAttribute("aria-describedby",s)),o(!1)}},[t.current,c]),(0,n.jsx)("i",{role:"tooltip","data-gap":"true",ref:t,...(0,l.mS)(e,[]),id:s,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,l.yI)("db-tooltip",e.className),children:e.children})});a.Z=s},55482:function(e,a,t){var n,i,l,r,s,d,c;t.d(a,{CV:function(){return p},D_:function(){return f},IY:function(){return o},Ik:function(){return m},Kn:function(){return v},Qy:function(){return b},SU:function(){return u},YP:function(){return N},ce:function(){return E},cj:function(){return g},vs:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",v="-message",h="-valid-message",m="-invalid-message",f="-placeholder",b="-placeholder",g="TODO: Add a validMessage",p="TODO: Add an invalidMessage",N="Back",E="Close Button";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,a]=e;return a}),(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",Object.entries(l).map(e=>{let[,a]=e;return a}),Object.entries(i).map(e=>{let[,a]=e;return a}),(c=r||(r={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(r).map(e=>{let[,a]=e;return a})},52082:function(e,a,t){t.d(a,{sE:function(){return l},sb:function(){return i}});var n=t(43251);let i=e=>{var a,t;let{target:n}=e;return!!(!(null==n?void 0:null===(a=n.classList)||void 0===a?void 0:a.contains("db-navigation-item-expand-button"))&&(null==n?void 0:null===(t=n.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))};class l{init(){var e,a;let t=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.element.style.setProperty("--db-navigation-item-inline-size","".concat(t,"px")),this.initialized=!0}enableFollow(){var e,a;if(!this.initialized||this.triangleData)return;let t=(0,n.Lp)(this.subNavigation),i=this.element.getBoundingClientRect(),l=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.triangleData={itemRect:i,parentElementWidth:l,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(l-i.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;let e=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?e+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):e}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;let e="right"===this.triangleData.outsideVX;return!!e&&this.mouseX<-1*this.triangleData.padding||!e&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(e){if(!this.triangleData)return;if("fill-gap"===e){let e="".concat(this.triangleData.itemRect.height+2*this.triangleData.padding,"px"),a="".concat(this.triangleData.parentElementWidth-this.triangleData.padding,"px");return{lb:"".concat(a," ").concat(e),lt:"".concat(a," 0"),rt:"100% 0",rb:"100% ".concat(e)}}let a=this.getTriangleTipX(),t=this.getTriangleTipY();return{lb:"".concat(a,"px ").concat(t+this.triangleData.padding,"px"),lt:"".concat(a,"px ").concat(t-this.triangleData.padding,"px"),rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(e){if(!this.initialized||!this.triangleData)return;this.mouseX=e.clientX-this.triangleData.itemRect.left,this.mouseY=e.clientY-this.triangleData.itemRect.top;let a=this.hasMouseEnteredSubNavigation(),t=this.getTriangleCoordinates(a?"fill-gap":"safe-triangle");t&&(this.element.style.setProperty("--db-navigation-item-clip-path","polygon(".concat(t.lb,", ").concat(t.lt,", ").concat(t.rt,", ").concat(t.rb,")")),a&&(this.triangleData=void 0))}constructor(e,a){this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=e,this.subNavigation=a,this.parentSubNavigation=this.element.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init()}}},39846:function(e,a,t){var n,i,l,r,s,d,c;t.d(a,{DM:function(){return h},a_:function(){return u},eM:function(){return o},m3:function(){return m},nN:function(){return v},pw:function(){return n},r$:function(){return l}});let o="density",u="color";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let v=Object.entries(n).map(e=>{let[,a]=e;return a});(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full";let h=Object.entries(l).map(e=>{let[,a]=e;return a});Object.entries(i).map(e=>{let[,a]=e;return a}),(c=r||(r={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful";let m=Object.entries(r).map(e=>{let[,a]=e;return a})}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2182],{70453:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[c,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"accordion-item-"+(0,l.Vj)()),e.defaultOpen&&o(e.defaultOpen)},[]),(0,n.jsxs)("details",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:c,name:e.name,children:[(0,n.jsxs)("summary",{onClick:a=>(function(a){null==a||a.preventDefault();let t=!c;e.onToggle&&e.onToggle(t),o(t)})(a),children:[e.headlinePlain?(0,n.jsx)(n.Fragment,{children:e.headlinePlain}):null,e.headlinePlain?null:(0,n.jsx)(n.Fragment,{children:e.headline})]}),(0,n.jsxs)("div",{children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.content?null:(0,n.jsx)(n.Fragment,{children:e.children})]})]})});a.Z=s},38663:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(70453);let s=(0,i.forwardRef)(function(e,a){var t;let s=a||(0,i.useRef)(a),[d,c]=(0,i.useState)(()=>[]),[o,u]=(0,i.useState)(()=>""),[v,h]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{h(!0)},[]),(0,i.useEffect)(()=>{if(s.current&&v){let a=s.current.getElementsByTagName("details");if(a){let t=[];Array.from(a).forEach((a,n)=>{var i;let l=a.id;(a.open||(null===(i=e.initOpenIndex)||void 0===i?void 0:i.includes(n)))&&t.push(l);let r=a.getElementsByTagName("summary");(null==r?void 0:r.length)>0&&r[0].addEventListener("click",()=>{u(l)})}),"single"===e.behaviour&&t.length>1&&(t=[t[0]]),c(t),h(!1)}}},[s.current,v]),(0,i.useEffect)(()=>{(null==o?void 0:o.length)>0&&(d.includes(o)?"single"===e.behaviour?c([]):c(d.filter(e=>e!==o)):"single"===e.behaviour?c([o]):c([...d,o]),e.onChange&&e.onChange(d),u(""))},[o]),(0,i.useEffect)(()=>{if(null==s?void 0:s.current){let e=s.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=d.includes(e.id)})}},[d]),(0,n.jsxs)("div",{ref:s,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,n.jsx)(n.Fragment,{children:e.children}),e.items?(0,n.jsx)(n.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===t?void 0:t.map((e,a)=>(0,n.jsx)(r.Z,{headlinePlain:e.headlinePlain,disabled:e.disabled,content:e.content},"accordion-item-".concat(a)))}):null]})});a.Z=s},82919:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){var t,s;let d=a||(0,i.useRef)(a),[c,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{o(!0)},[]),(0,i.useEffect)(()=>{if(d.current&&c){var a;if(null===(a=e.placement)||void 0===a?void 0:a.startsWith("corner")){let e=d.current.parentElement;e&&e.localName.includes("badge")&&(e=e.parentElement),e&&e.setAttribute("data-has-badge","true")}}},[d.current,c]),(0,n.jsx)("span",{ref:d,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-badge",e.className),"data-semantic":e.semantic,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,"data-label":(null===(t=e.placement)||void 0===t?void 0:t.startsWith("corner"))&&(null!==(s=e.label)&&void 0!==s?s:r.SU),children:e.children})});a.Z=s},98310:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){var t;let r=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>({icon:"db"}));return(0,n.jsx)("div",{ref:r,...(0,l.mS)(e,[]),"data-icon":e.hideLogo?"none":null!==(t=e.icon)&&void 0!==t?t:s.icon,id:e.id,className:(0,l.yI)("db-brand",e.className),children:e.children})});a.Z=r},10326:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("button",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-button",e.className),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":e.noText,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:e.children})});a.Z=r},70741:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-behaviour":e.behaviour,"data-elevation-level":e.elevationLevel,"data-spacing":e.spacing,role:"interactive"===e.behaviour?"button":void 0,tabIndex:"interactive"===e.behaviour?0:void 0,onClick:a=>{e.onClick&&e.onClick(a)},className:(0,l.yI)("db-card",e.className),children:e.children})});a.Z=r},1689:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o;let u=a||(0,i.useRef)(a),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>"checkbox-"+(0,l.Vj)()),[g,b]=(0,i.useState)(()=>m+r.Kn),[p,N]=(0,i.useState)(()=>m+r.vs),[E,S]=(0,i.useState)(()=>m+r.Ik),[_,x]=(0,i.useState)(()=>"");return(0,i.useEffect)(()=>{h(!0),f(e.id||m)},[]),(0,i.useEffect)(()=>{if(m){let a=m+r.Kn,t=m+r.vs,n=m+r.Ik;b(a),N(t),S(n),e.message&&x(a)}},[m]),(0,i.useEffect)(()=>{if(v&&document&&m){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(m);t&&(void 0!=e.checked&&(t.checked=e.checked),void 0!==e.indeterminate&&(t.indeterminate=e.indeterminate),h(!1))}},[v,e.indeterminate,e.checked]),(0,n.jsxs)("div",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-checkbox",e.className),children:[(0,n.jsxs)("label",{htmlFor:m,children:[(0,n.jsx)("input",{type:"checkbox","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:u,...(0,l.mS)(e,[]),id:m,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,required:e.required,onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=u.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=u.current)||void 0===n?void 0:n.validity.valid)&&e.required?x(p):e.message?x(g):x(""):x(E)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":_}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:g,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:p,children:null!==(d=e.validMessage)&&void 0!==d?d:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:E,children:null!==(o=null!==(c=e.invalidMessage)&&void 0!==c?c:null===(t=u.current)||void 0===t?void 0:t.validationMessage)&&void 0!==o?o:r.CV})]})});a.Z=d},45886:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,l.yI)("db-divider",e.className)})});a.Z=r},37402:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a),c=(0,i.useRef)(null);function o(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"click"===a.type&&"none"!==e.backdrop)&&e.onClose&&e.onClose(a)}function u(){(null==d?void 0:d.current)&&(e.open&&!d.current.open&&(c.current&&(c.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(c.current&&(c.current.hidden=!0),setTimeout(()=>{var e;c.current&&(c.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}return(0,i.useEffect)(()=>{u()},[]),(0,i.useEffect)(()=>{u()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:d,...(0,s.mS)(e,["onClose"]),onClick:e=>{o(e)},onKeyDown:e=>o(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:c,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:(0,n.jsx)(n.Fragment,{children:e.drawerHeader})}),e.withCloseButton?(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>o("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})});a.Z=d},82664:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(37402),d=t(55482),c=t(52082);let o=(0,i.forwardRef)(function(e,a){var t;let o=a||(0,i.useRef)(a),[u,v]=(0,i.useState)(()=>d.IY),[h,m]=(0,i.useState)(()=>!1),[f,g]=(0,i.useState)(()=>!1),[b,p]=(0,i.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function N(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,i.useEffect)(()=>{m(!0),v(e.id||"header-"+(0,l.Vj)())},[]),(0,i.useEffect)(()=>{if(h&&document&&u&&e.forceMobile){let e=document.getElementById(u);e&&(0,l.yn)(e,{key:"data-force-mobile",value:"true"}),g(!0)}},[h]),(0,n.jsxs)("header",{ref:o,...(0,l.mS)(e,[]),className:(0,l.yI)("db-header",e.className),id:u,"data-width":e.width,"data-on-forcing-mobile":e.forceMobile&&!f,children:[(0,n.jsxs)(s.Z,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>N(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",onClick:e=>{(0,c.sb)(e)&&N()},children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})})]}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:(0,n.jsx)(n.Fragment,{children:e.metaNavigation})}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:(0,n.jsx)(n.Fragment,{children:e.brand})}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-primary-action",children:(0,n.jsx)(n.Fragment,{children:e.primaryAction})})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(r.Z,{id:"button-burger-menu",icon:"menu",variant:"ghost",noText:!0,onClick:()=>N(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:b.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-secondary-action",children:(0,n.jsx)(n.Fragment,{children:e.secondaryAction})})]})]})]})});a.Z=o},47437:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,n.jsx)("span",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-infotext",e.className),"data-icon":e.icon,"data-semantic":e.semantic,"data-size":e.size,children:e.children})});a.Z=r},49475:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"input-"+(0,l.Vj)()),[b,p]=(0,i.useState)(()=>f+r.Kn),[N,E]=(0,i.useState)(()=>f+r.vs),[S,_]=(0,i.useState)(()=>f+r.Ik),[x,R]=(0,i.useState)(()=>f+r.Qy),[L,j]=(0,i.useState)(()=>"none"),[I,A]=(0,i.useState)(()=>""),[y,C]=(0,i.useState)(()=>({label:r.SU,placeholder:" "}));return(0,i.useEffect)(()=>{var a,t;g(null!==(a=e.id)&&void 0!==a?a:f),R(null!==(t=e.dataListId)&&void 0!==t?t:x)},[]),(0,i.useEffect)(()=>{if(f){let a=f+r.Kn,t=f+r.vs,n=f+r.Ik;p(a),E(t),_(n),e.message&&j(a)}},[f]),(0,i.useEffect)(()=>{A(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-input",e.className),"data-variant":e.variant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(c=e.label)&&void 0!==c?c:y.label}),(0,n.jsx)("input",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.mS)(e,[]),id:f,name:e.name,type:e.type||"text",placeholder:null!==(o=e.placeholder)&&void 0!==o?o:y.placeholder,disabled:e.disabled,required:e.required,step:e.step,value:e.value,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength||e.pattern)?j(N):e.message?j(b):j("none"):j(S)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},list:e.dataList&&x,"aria-describedby":L}),e.dataList?(0,n.jsx)("datalist",{id:x,children:null===(t=e.dataList)||void 0===t?void 0:t.map(e=>(0,n.jsx)("option",{value:e.key,children:e.value},x+"-option-"+e.key))}):null,e.children,e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV})]})});a.Z=d},50350:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,n.jsxs)("a",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:a=>{e.onClick&&e.onClick(a)},children:[e.text?(0,n.jsx)("span",{children:e.text}):null,e.children]})});a.Z=s},39120:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(43251),s=t(52082),d=t(55482);let c=(0,i.forwardRef)(function(e,a){var t;let c=a||(0,i.useRef)(a),[o,u]=(0,i.useState)(()=>!1),[v,h]=(0,i.useState)(()=>!1),[m,f]=(0,i.useState)(()=>!0),[g,b]=(0,i.useState)(()=>!1),[p,N]=(0,i.useState)(()=>"sub-navigation-"+(0,r.Vj)()),[E,S]=(0,i.useState)(()=>void 0);return(0,i.useEffect)(()=>{u(!0)},[]),(0,i.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,i.useEffect)(()=>{!function(){if(o&&document&&p){var e,a;let t=null===(e=document)||void 0===e?void 0:e.getElementById(p);t&&((null===(a=t.children)||void 0===a?void 0:a.length)>0?(h(!0),E||S(new s.sE(c.current,t))):f(!1))}}()},[o]),(0,n.jsxs)("li",{ref:c,...(0,r.mS)(e,[]),id:e.id,onMouseOver:e=>null==E?void 0:E.enableFollow(),onMouseLeave:e=>null==E?void 0:E.disableFollow(),onMouseMove:e=>null==E?void 0:E.followByMouseEvent(e),className:(0,r.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[m?null:(0,n.jsx)(n.Fragment,{children:e.children}),m?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":v,"aria-expanded":g,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),v&&b(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[v?(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(l.Z,{icon:"arrow_left",variant:"ghost",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:d.YP})}):null,(0,n.jsx)(n.Fragment,{children:e.subNavigation})]})]}):null]})});a.Z=c},33759:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"navigation-"+(0,l.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,l.mS)(e,[]),id:s,"aria-labelledby":e.labelledBy,className:(0,l.yI)("db-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})});a.Z=s},99242:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(55482),s=t(43251);let d=(0,i.forwardRef)(function(e,a){var t;let d=a||(0,i.useRef)(a);return(0,n.jsxs)("article",{ref:d,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-notification",e.className),"aria-live":e.ariaLive,"data-semantic":e.semantic,"data-variant":e.variant,"data-icon":e.icon,"data-link-variant":e.linkVariant,children:[(0,n.jsx)(n.Fragment,{children:e.image}),e.headline?(0,n.jsx)("header",{children:e.headline}):null,(0,n.jsx)("p",{children:e.children}),e.timestamp?(0,n.jsx)("span",{children:e.timestamp}):null,(0,n.jsx)(n.Fragment,{children:e.link}),"permanent"!==e.behaviour?(0,n.jsx)(l.Z,{icon:"cross",variant:"ghost",size:"small",id:e.closeButtonId,noText:!0,onClick:a=>{e.onClose&&e.onClose()},children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce}):null]})});a.Z=d},60029:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1);function d(){if(!t.current)return;let e=t.current.querySelector("article");e&&(0,l.Lp)(e)}return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&r){let e=Array.from(t.current.children);e.length>=2&&(e[0].ariaHasPopup="true"),s(!1)}},[t.current,r]),(0,n.jsxs)("div",{ref:t,...(0,l.mS)(e,[]),id:e.id,className:(0,l.yI)("db-popover",e.className),onFocus:e=>d(),onMouseEnter:e=>d(),children:[(0,n.jsx)(n.Fragment,{children:e.trigger}),(0,n.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})});a.Z=r},78016:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,c]=(0,i.useState)(()=>"radio-"+(0,l.Vj)());return(0,i.useEffect)(()=>{var a;s(!0),c(null!==(a=e.id)&&void 0!==a?a:d)},[]),(0,i.useEffect)(()=>{if(e.checked&&r&&document&&d){var a;let t=null===(a=document)||void 0===a?void 0:a.getElementById(d);t&&void 0!=e.checked&&(t.checked=!0)}},[r,e.checked]),(0,n.jsxs)("label",{"data-size":e.size,"data-variant":e.variant,className:(0,l.yI)("db-radio",e.className),htmlFor:d,children:[(0,n.jsx)("input",{type:"radio","aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:t,...(0,l.mS)(e,[]),id:d,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,value:e.value,required:e.required,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.label?(0,n.jsx)("span",{children:e.label}):null,e.children]})});a.Z=r},55327:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"section-"+(0,l.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,l.mS)(e,[]),id:s,"data-spacing":e.spacing||"medium",className:(0,l.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-width":e.width,children:e.children})})});a.Z=s},79081:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482),s=t(47437);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"select-"+(0,l.Vj)()),[b,p]=(0,i.useState)(()=>f+r.Kn),[N,E]=(0,i.useState)(()=>f+r.vs),[S,_]=(0,i.useState)(()=>f+r.Ik),[x,R]=(0,i.useState)(()=>f+r.D_),[L,j]=(0,i.useState)(()=>"none"),[I,A]=(0,i.useState)(()=>""),[y,C]=(0,i.useState)(()=>!1);function T(e){var a;return null!==(a=e.label)&&void 0!==a?a:e.value.toString()}return(0,i.useEffect)(()=>{g(e.id||f),C(!0)},[]),(0,i.useEffect)(()=>{if(f&&y){let a=f+r.Kn,t=f+r.vs,n=f+r.Ik,i=f+r.D_;p(a),E(t),_(n),R(i),e.message?j(a):j(i),C(!1)}},[f,y]),(0,i.useEffect)(()=>{A(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,l.yI)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(c=e.label)&&void 0!==c?c:r.SU}),(0,n.jsxs)("select",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,l.mS)(e,[]),required:e.required,disabled:e.disabled,id:f,name:e.name,value:e.value,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onClick:a=>{e.onClick&&e.onClick(a)},onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&e.required?j(N):e.message?j(b):j(x):j(S)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},"aria-describedby":L,children:[(0,n.jsx)("option",{hidden:!0}),e.options?(0,n.jsx)(i.Fragment,{children:null===(t=e.options)||void 0===t?void 0:t.map(e=>{var a;return(0,n.jsxs)(i.Fragment,{children:[e.options?(0,n.jsx)("optgroup",{label:T(e),children:null===(a=e.options)||void 0===a?void 0:a.map(e=>(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:T(e)},e.value.toString()))}):null,e.options?null:(0,n.jsx)("option",{value:e.value,disabled:e.disabled,children:T(e)})]},(0,l.Vj)())})},(0,l.Vj)()):null,e.children]}),(0,n.jsx)("span",{id:x,children:null!==(o=e.placeholder)&&void 0!==o?o:e.label}),e.message?(0,n.jsx)(s.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(s.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:r.cj}),(0,n.jsx)(s.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(d=m.current)||void 0===d?void 0:d.validationMessage)&&void 0!==h?h:r.CV})]})});a.Z=d},55025:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>"switch-"+(0,l.Vj)()),[d,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(e.id||r)},[]),(0,n.jsxs)("label",{"data-visual-aid":e.visualAid,"data-size":e.size,"data-variant":e.variant,"data-emphasis":e.emphasis,htmlFor:r,className:(0,l.yI)("db-switch",e.className),children:[(0,n.jsx)("input",{type:"checkbox",role:"switch",ref:t,...(0,l.mS)(e,[]),id:r,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,name:e.name,required:e.required,"data-aid-icon":e.icon,"data-aid-icon-after":e.iconAfter,onChange:a=>{e.onChange&&e.onChange(a),e.change&&e.change(a)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)}}),e.children]})});a.Z=r},57284:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[r,s]=(0,i.useState)(()=>!1),[d,c]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{s(!0)},[]),(0,i.useEffect)(()=>{e.active&&r&&t.current&&(t.current.click(),s(!1))},[t.current,r]),(0,n.jsx)("li",{role:"none",className:(0,l.yI)("db-tab-item",e.className),children:(0,n.jsxs)("label",{htmlFor:e.id,"data-icon":e.icon,"data-icon-after":e.iconAfter,"data-no-text":e.noText,children:[(0,n.jsx)("input",{type:"radio",role:"tab",disabled:e.disabled,"aria-selected":d,"aria-controls":e.controls,checked:e.checked,ref:t,...(0,l.mS)(e,[]),id:e.id,onChange:a=>{var t;e.onChange&&e.onChange(a),e.change&&e.change(a),c(null===(t=a.target)||void 0===t?void 0:t.checked)}}),e.label?(0,n.jsx)(n.Fragment,{children:e.label}):null,e.children]})})});a.Z=r},57884:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY);return(0,i.useEffect)(()=>{d(e.id||"tab-list-"+(0,l.Vj)())},[]),(0,n.jsx)("div",{ref:t,...(0,l.mS)(e,[]),id:s,className:(0,l.yI)("db-tab-list",e.className),children:(0,n.jsx)("ul",{role:"tablist",children:e.children})})});a.Z=s},49953:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251);let r=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);return(0,i.useEffect)(()=>{},[]),(0,n.jsxs)("section",{role:"tabpanel",ref:t,...(0,l.mS)(e,[]),className:(0,l.yI)("db-tab-panel",e.className),id:e.id,"aria-labelledby":e.labelledBy,children:[e.content?(0,n.jsx)(n.Fragment,{children:e.content}):null,e.children]})});a.Z=r},57092:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(10326),s=t(57884),d=t(57284),c=t(49953);let o=(0,i.forwardRef)(function(e,a){var t,o,u,v;let h=a||(0,i.useRef)(a),[m,f]=(0,i.useState)(()=>"tabs-"+(0,l.Vj)()),[g,b]=(0,i.useState)(()=>""),[p,N]=(0,i.useState)(()=>!1),[E,S]=(0,i.useState)(()=>!1),[_,x]=(0,i.useState)(()=>!1),[R,L]=(0,i.useState)(()=>null);function j(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}function I(e){let a=e.scrollWidth>e.clientWidth;S(a&&e.scrollLeft>1),x(a&&e.scrollLeft{I(t)}))}}}function C(a){if(h.current){let t=h.current.querySelector(".db-tab-list").getElementsByClassName("db-tab-item");(null==t?void 0:t.length)>0&&Array.from(t).forEach((t,n)=>{let i=t.querySelector("label"),l=t.querySelector("input");if(l&&i){if(!l.id){let e="".concat(g,"-tab-").concat(n);i.setAttribute("for",e),l.setAttribute("aria-controls","".concat(g,"-tab-panel-").concat(n)),l.id=e,l.setAttribute("name",g)}if(a){let a=!e.initialSelectedMode||"auto"===e.initialSelectedMode,t=void 0===e.initialSelectedIndex&&0===n||e.initialSelectedIndex===n;a&&t&&l.click()}}});let n=Array.from(h.current.querySelectorAll("& > .db-tab-panel"));if((null==n?void 0:n.length)>0)for(let e of n){if(e.id)continue;let a=n.indexOf(e);e.id="".concat(g,"-tab-panel-").concat(a),e.setAttribute("aria-labelledby","".concat(g,"-tab-").concat(a))}}}return(0,i.useEffect)(()=>{f(e.id||m),b(e.name||(0,l.Vj)()),N(!0)},[]),(0,i.useEffect)(()=>{if(h.current&&p){y(),C(!0);let e=h.current.querySelector(".db-tab-list");e&&new MutationObserver(e=>{e.forEach(e=>{(e.removedNodes.length||e.addedNodes.length)&&(y(),C())})}).observe(e,{childList:!0,subtree:!0}),N(!1)}},[h.current,p]),(0,n.jsxs)("div",{ref:h,...(0,l.mS)(e,[]),id:m,className:(0,l.yI)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(u=e.alignment)&&void 0!==u?u:"start","data-width":null!==(v=e.width)&&void 0!==v?v:"auto",children:[E?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:e=>A(!0),children:"Scroll left"}):null,e.tabs?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.Z,{children:null===(t=j(e.tabs))||void 0===t?void 0:t.map((a,t)=>(0,n.jsx)(d.Z,{active:a.active,label:a.label,iconAfter:a.iconAfter,icon:a.icon,noText:a.noText},e.name+"tab-item"+t))}),null===(o=j(e.tabs))||void 0===o?void 0:o.map((a,t)=>(0,n.jsx)(c.Z,{content:a.content,children:a.children},e.name+"tab-panel"+t))]}):null,_?(0,n.jsx)(r.Z,{variant:"ghost",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:e=>A(),children:"Scroll right"}):null,e.children]})});a.Z=o},73253:function(e,a,t){var n=t(52322),i=t(2784),l=t(10326),r=t(43251);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a);function s(){return e.removeButton?e.removeButton:"Remove tag"}return(0,n.jsxs)("div",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-semantic":e.semantic,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[e.children,e.text?(0,n.jsx)(n.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,n.jsx)(l.Z,{icon:"cross",size:"small",variant:"ghost",className:"db-tab-remove-button",onClick:a=>void(e.onRemove&&e.onRemove()),noText:!0,title:s(),children:s()}):null]})});a.Z=s},22723:function(e,a,t){var n=t(52322),i=t(2784),l=t(47437),r=t(43251),s=t(55482);let d=(0,i.forwardRef)(function(e,a){var t,d,c,o,u,v,h;let m=a||(0,i.useRef)(a),[f,g]=(0,i.useState)(()=>"textarea-"+(0,r.Vj)()),[b,p]=(0,i.useState)(()=>f+s.Kn),[N,E]=(0,i.useState)(()=>f+s.vs),[S,_]=(0,i.useState)(()=>f+s.Ik),[x,R]=(0,i.useState)(()=>"none"),[L,j]=(0,i.useState)(()=>""),[I,A]=(0,i.useState)(()=>({label:s.SU,placeholder:" ",rows:"4"}));return(0,i.useEffect)(()=>{g(e.id||f)},[]),(0,i.useEffect)(()=>{if(f){let a=f+s.Kn,t=f+s.vs,n=f+s.Ik;p(a),E(t),_(n),e.message&&R(a)}},[f]),(0,i.useEffect)(()=>{j(e.value)},[e.value]),(0,n.jsxs)("div",{className:(0,r.yI)("db-textarea",e.className),"data-variant":e.variant,children:[(0,n.jsx)("label",{htmlFor:f,children:null!==(d=e.label)&&void 0!==d?d:I.label}),(0,n.jsx)("textarea",{"aria-invalid":"invalid"===e.customValidity,"data-custom-validity":e.customValidity,ref:m,...(0,r.mS)(e,[]),id:f,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onInput:a=>{e.onInput&&e.onInput(a),e.input&&e.input(a)},onChange:a=>{var t,n;e.onChange&&e.onChange(a),e.change&&e.change(a),(null===(t=m.current)||void 0===t?void 0:t.validity.valid)&&"invalid"!==e.customValidity?"valid"===e.customValidity||(null===(n=m.current)||void 0===n?void 0:n.validity.valid)&&(e.required||e.minLength||e.maxLength)?R(N):e.message?R(b):R("none"):R(S)},onBlur:a=>{e.onBlur&&e.onBlur(a),e.blur&&e.blur(a)},onFocus:a=>{e.onFocus&&e.onFocus(a),e.focus&&e.focus(a)},value:e.value,"aria-describedby":x,placeholder:null!==(c=e.placeholder)&&void 0!==c?c:I.placeholder,rows:null!==(o=e.rows)&&void 0!==o?o:I.rows,cols:e.cols}),e.message?(0,n.jsx)(l.Z,{size:"small",icon:e.messageIcon,id:b,children:e.message}):null,(0,n.jsx)(l.Z,{size:"small",semantic:"successful",id:N,children:null!==(u=e.validMessage)&&void 0!==u?u:s.cj}),(0,n.jsx)(l.Z,{size:"small",semantic:"critical",id:S,children:null!==(h=null!==(v=e.invalidMessage)&&void 0!==v?v:null===(t=m.current)||void 0===t?void 0:t.validationMessage)&&void 0!==h?h:s.CV})]})});a.Z=d},79031:function(e,a,t){var n=t(52322),i=t(2784),l=t(43251),r=t(55482);let s=(0,i.forwardRef)(function(e,a){let t=a||(0,i.useRef)(a),[s,d]=(0,i.useState)(()=>r.IY),[c,o]=(0,i.useState)(()=>!1);return(0,i.useEffect)(()=>{d(e.id||"tooltip-"+(0,l.Vj)()),o(!0)},[]),(0,i.useEffect)(()=>{if(t.current&&c){let e=t.current.parentElement;e&&e.localName.includes("tooltip")&&(e=e.parentElement),e&&(["mouseenter","focus"].forEach(a=>{e.addEventListener(a,()=>void((null==t?void 0:t.current)&&(0,l.Lp)(t.current)))}),e.setAttribute("data-has-tooltip","true"),e.setAttribute("aria-describedby",s)),o(!1)}},[t.current,c]),(0,n.jsx)("i",{role:"tooltip","data-gap":"true",ref:t,...(0,l.mS)(e,[]),id:s,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,l.yI)("db-tooltip",e.className),children:e.children})});a.Z=s},55482:function(e,a,t){var n,i,l,r,s,d,c;t.d(a,{CV:function(){return p},D_:function(){return f},IY:function(){return o},Ik:function(){return m},Kn:function(){return v},Qy:function(){return g},SU:function(){return u},YP:function(){return N},ce:function(){return E},cj:function(){return b},vs:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",v="-message",h="-valid-message",m="-invalid-message",f="-placeholder",g="-placeholder",b="TODO: Add a validMessage",p="TODO: Add an invalidMessage",N="Back",E="Close Button";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,a]=e;return a}),(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",Object.entries(l).map(e=>{let[,a]=e;return a}),Object.entries(i).map(e=>{let[,a]=e;return a}),(c=r||(r={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(r).map(e=>{let[,a]=e;return a})},52082:function(e,a,t){t.d(a,{sE:function(){return l},sb:function(){return i}});var n=t(43251);let i=e=>{var a,t;let{target:n}=e;return!!(!(null==n?void 0:null===(a=n.classList)||void 0===a?void 0:a.contains("db-navigation-item-expand-button"))&&(null==n?void 0:null===(t=n.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))};class l{init(){var e,a;let t=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.element.style.setProperty("--db-navigation-item-inline-size","".concat(t,"px")),this.initialized=!0}enableFollow(){var e,a;if(!this.initialized||this.triangleData)return;let t=(0,n.Lp)(this.subNavigation),i=this.element.getBoundingClientRect(),l=null!==(a=null===(e=this.parentSubNavigation)||void 0===e?void 0:e.getBoundingClientRect().width)&&void 0!==a?a:0;this.triangleData={itemRect:i,parentElementWidth:l,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(l-i.width)/2,outsideVX:t.vx,outsideVY:t.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;let e=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?e+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):e}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;let e="right"===this.triangleData.outsideVX;return!!e&&this.mouseX<-1*this.triangleData.padding||!e&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(e){if(!this.triangleData)return;if("fill-gap"===e){let e="".concat(this.triangleData.itemRect.height+2*this.triangleData.padding,"px"),a="".concat(this.triangleData.parentElementWidth-this.triangleData.padding,"px");return{lb:"".concat(a," ").concat(e),lt:"".concat(a," 0"),rt:"100% 0",rb:"100% ".concat(e)}}let a=this.getTriangleTipX(),t=this.getTriangleTipY();return{lb:"".concat(a,"px ").concat(t+this.triangleData.padding,"px"),lt:"".concat(a,"px ").concat(t-this.triangleData.padding,"px"),rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(e){if(!this.initialized||!this.triangleData)return;this.mouseX=e.clientX-this.triangleData.itemRect.left,this.mouseY=e.clientY-this.triangleData.itemRect.top;let a=this.hasMouseEnteredSubNavigation(),t=this.getTriangleCoordinates(a?"fill-gap":"safe-triangle");t&&(this.element.style.setProperty("--db-navigation-item-clip-path","polygon(".concat(t.lb,", ").concat(t.lt,", ").concat(t.rt,", ").concat(t.rb,")")),a&&(this.triangleData=void 0))}constructor(e,a){this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=e,this.subNavigation=a,this.parentSubNavigation=this.element.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init()}}},39846:function(e,a,t){var n,i,l,r,s,d,c;t.d(a,{DM:function(){return h},a_:function(){return u},eM:function(){return o},m3:function(){return m},nN:function(){return v},pw:function(){return n},r$:function(){return l}});let o="density",u="color";(s=n||(n={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let v=Object.entries(n).map(e=>{let[,a]=e;return a});(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",d.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",d.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",d.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",d.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",d.BRAND_BG_LEVEL_1="brand-bg-lvl-1",d.BRAND_BG_LEVEL_2="brand-bg-lvl-2",d.BRAND_BG_LEVEL_3="brand-bg-lvl-3",d.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",d.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",d.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",d.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",d.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",d.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",d.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",d.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",d.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",d.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",d.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",d.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",d.WARNING_BG_LEVEL_1="warning-bg-lvl-1",d.WARNING_BG_LEVEL_2="warning-bg-lvl-2",d.WARNING_BG_LEVEL_3="warning-bg-lvl-3",d.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",d.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",d.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",d.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",d.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",d.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",d.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full";let h=Object.entries(l).map(e=>{let[,a]=e;return a});Object.entries(i).map(e=>{let[,a]=e;return a}),(c=r||(r={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful";let m=Object.entries(r).map(e=>{let[,a]=e;return a})}}]); \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/_next/static/chunks/2811-3504c51fb3959cae.js b/review/fix-a11y-form-component-ids/_next/static/chunks/2811-55a3d8eaadd1a24e.js similarity index 64% rename from review/fix-a11y-form-component-ids/_next/static/chunks/2811-3504c51fb3959cae.js rename to review/fix-a11y-form-component-ids/_next/static/chunks/2811-55a3d8eaadd1a24e.js index a91111be65c..50d4aae17d4 100644 --- a/review/fix-a11y-form-component-ids/_next/static/chunks/2811-3504c51fb3959cae.js +++ b/review/fix-a11y-form-component-ids/_next/static/chunks/2811-55a3d8eaadd1a24e.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2811],{92811:function(t,n,e){e.d(n,{Z6:function(){return ag},Ec:function(){return ax},tp:function(){return af},vY:function(){return aD},kn:function(){return aj},vn:function(){return aB}});var a={};e.r(a),e.d(a,{Behaviour:function(){return nu},Content:function(){return nh},Density:function(){return nc},Size:function(){return nb},State:function(){return nd},Variant:function(){return ns}});var i={};e.r(i),e.d(i,{Content:function(){return nv},Density:function(){return np},InteractionStates:function(){return nx},Semantic:function(){return nm},Size:function(){return ng}});var o={};e.r(o),e.d(o,{Behaviour:function(){return nj},Density:function(){return nD},Variant:function(){return nB}});var l={};e.r(l),e.d(l,{ContentStates:function(){return nw},Density:function(){return nf},InteractionStates:function(){return nT}});var r={};e.r(r),e.d(r,{Tonality:function(){return nk},Variants:function(){return ny}});var c={};e.r(c),e.d(c,{Animations:function(){return nH},Density:function(){return nZ},Emphasis:function(){return nC},Placement:function(){return nI},Variant:function(){return nN},Width:function(){return nL}});var s={};e.r(s),e.d(s,{Density:function(){return nS},Semantic:function(){return n_},Size:function(){return nR}});var d={};e.r(d),e.d(d,{Behaviour:function(){return nM},Content:function(){return nF},Density:function(){return nP},Emphasis:function(){return nA},Example:function(){return nz},Overflow:function(){return nV},Semantic:function(){return nO},State:function(){return nE}});var b={};e.r(b),e.d(b,{Examples:function(){return nG},Orientation:function(){return nq},Overflow:function(){return nJ},Tonality:function(){return nW},Width:function(){return nU}});var h={};e.r(h),e.d(h,{Behaviour:function(){return nQ},Content:function(){return nK},ContentAlignmentFullWidth:function(){return nX},Density:function(){return nY},States:function(){return n$}});var u={};e.r(u),e.d(u,{Content:function(){return n9},Density:function(){return n0},InteractionStates:function(){return n2},Requirement:function(){return n4},Size:function(){return n3},States:function(){return n1}});var p={};e.r(p),e.d(p,{Content:function(){return en},Density:function(){return n6},ExampleTypes:function(){return ea},ExampleTypesFloatingLabel:function(){return ei},Requirement:function(){return ee},StatesFloatingLabel:function(){return et},StatesLabelAbove:function(){return n7},VariantHelperMessage:function(){return n5},VariantLabel:function(){return n8}});var m={};e.r(m),e.d(m,{Content:function(){return ed},Density:function(){return eo},InteractionStates:function(){return el},Requirement:function(){return es},Size:function(){return ec},States:function(){return er}});var x={};e.r(x),e.d(x,{Content:function(){return ex},Density:function(){return eb},Requirement:function(){return eg},StatesFloatingLabel:function(){return em},StatesLabelAbove:function(){return ep},VariantHelperMessage:function(){return eu},VariantLabel:function(){return eh}});var g={};e.r(g),e.d(g,{Content:function(){return eT},Density:function(){return ev},Emphasis:function(){return eB},Examples:function(){return ew},Size:function(){return ef},States:function(){return eD},VisualAid:function(){return ej}});var v={};e.r(v),e.d(v,{Density:function(){return ek},Requirement:function(){return eI},Rows:function(){return eL},StatesFloatingLabel:function(){return eC},StatesLabelAbove:function(){return eN},VariantHelperMessage:function(){return eZ},VariantLabel:function(){return ey}});var D={};e.r(D),e.d(D,{Behaviour:function(){return eR},ContentVariantDocked:function(){return eP},ContentVariantOverlay:function(){return eO},ContentVariantStandalone:function(){return eA},Density:function(){return eH},Semantic:function(){return e_},Variant:function(){return eS}});var B={};e.r(B),e.d(B,{Content:function(){return ez},Density:function(){return eM},Emphasis:function(){return eE},Examples:function(){return eq},Placement:function(){return eW},Semantic:function(){return eF},Size:function(){return eV}});var j={};e.r(j),e.d(j,{Behaviour:function(){return eY},Density:function(){return eU},ElevationLevel:function(){return eJ},Example:function(){return e$},Spacing:function(){return eG}});var f={};e.r(f),e.d(f,{Density:function(){return eK},Emphasis:function(){return eX},Variant:function(){return eQ}});var T={};e.r(T),e.d(T,{Backdrop:function(){return e4},Density:function(){return e0},Directions:function(){return e9},Rounded:function(){return e1},Size:function(){return e2},Spacing:function(){return e3}});var w={};e.r(w),e.d(w,{Behaviour:function(){return e5},Examples:function(){return e7},Tonality:function(){return e6},Width:function(){return e8}});var k={};e.r(k),e.d(k,{Density:function(){return at},Spacing:function(){return ae},Width:function(){return an}});var y={};e.r(y),e.d(y,{Density:function(){return aa}});var Z={};e.r(Z),e.d(Z,{Content:function(){return al},Density:function(){return ai},InteractionStates:function(){return ao},Width:function(){return ar}});var N={};e.r(N),e.d(N,{Animations:function(){return ah},Density:function(){return ac},Gap:function(){return ab},Placement:function(){return ad},Spacing:function(){return as},Width:function(){return au}});var C=e(52322),I=e(10326),L=e(2784),H=e(70741),S=e(45886),_=e(50350),R=e(39846),P=e(82876),A=()=>{let t=(0,P.useRouter)(),n=(0,P.usePathname)(),[e,a]=[(0,P.useSearchParams)()];return[e,e=>{{let t=new URLSearchParams(window.location.href.split("?")[1]);t.sort();let n=new URLSearchParams(e);if(n.sort(),t.toString()===n.toString())return}a?a(e):n&&(null==t||t.push("".concat(n,"?").concat(new URLSearchParams(e).toString())))}]},O=function(){var t,n;let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=A(),[o,l]=(0,L.useState)(null!==(t=a.get(R.eM))&&void 0!==t?t:R.pw.REGULAR),[r,c]=(0,L.useState)(null!==(n=a.get(R.a_))&&void 0!==n?n:R.r$.NEUTRAL_BG_LEVEL_1),[s,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[t,n]of Array.from(a.entries()))n&&(t===R.eM&&o!==n&&l(n),t===R.a_&&r!==n&&c(n),"page"===t&&s!==n.toLowerCase()&&d(n.toLowerCase()),"fullscreen"===t&&!!n!==b&&h(!!n));p(!0)},[a]),(0,L.useEffect)(()=>{if(u){let t={density:o,color:r};s&&(t.page=s),b&&(t.fullscreen=!0),e&&i(t)}},[r,o,s,b,u]),[o,l,r,c,s,b]},M=e(34406);let E=t=>{let{examples:n,color:e,SlotCode:a}=t,i=(0,L.useCallback)(()=>(null==e?void 0:e.includes("3"))?"3":(null==e?void 0:e.includes("2"))?"2":"1",[e]),[o,l]=(0,L.useState)();return(0,C.jsxs)(H.Z,{className:"variants-card db-code-docs",elevationLevel:i(),children:[(0,C.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,C.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),a&&(0,C.jsxs)("details",{className:"code-details",onToggle:()=>{l(!o)},children:[(0,C.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:o?"Hide code":"Show code"}),(0,C.jsxs)("div",{className:"db-density-functional",children:[(0,C.jsx)("div",{className:"backdrop"}),(0,C.jsx)(H.Z,{className:"code",spacing:"small",children:(0,C.jsx)(a,{})})]})]})]})};var F=t=>{var n;let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:l}=t,r=null==M||null===(n=M.env)||void 0===n,c=O(r)[4],s=O(r)[2],d=t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);return n.set("page",t.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(n.toString())}},b=(t,n)=>{var e;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(e=a[1])&&void 0!==e?e:"");o.set("page",n.toLowerCase());let r=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(r,"_blank")};if(c){let t=a.find(t=>t.name.toLowerCase()===c);if(t)return(0,C.jsx)(E,{...t,color:s})}return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"default-container",children:[(0,C.jsx)(o?"h2":"h1",{children:e}),null==a?void 0:a.map((t,n)=>(0,C.jsxs)("div",{children:[(0,C.jsx)(S.Z,{}),(0,C.jsx)(_.Z,{className:"link-headline",content:"external",target:"_blank",onClick:n=>{b(n,t.name)},href:d(t.name),children:t.name}),(0,C.jsx)(E,{...t,color:s})]},"".concat(t.name,"-").concat(n)))]}),i]})},V=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive","props":{}},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"user"}},{"name":"Icon","props":{"icon":"user","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]');let z=(t,n,e)=>t.map((t,a)=>({...t,SlotCode:null==e?void 0:e[t.name.replaceAll(" ","")],examples:t.examples.map((t,e)=>{var a,i,o,l;return{...t,example:n({...t.props,id:null!==(o=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==o?o:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})})),W=t=>{let{variant:n,state:e,size:a,noText:i,icon:o,width:l,disabled:r,children:c}=t;return(0,C.jsx)(I.Z,{variant:n,state:e,size:a,noText:i,icon:o,disabled:r,width:l,onClick:()=>{alert(c.toString())},children:c})};var q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-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"}}]}]');let U=t=>{let{href:n,variant:e,disabled:a,size:i,content:o,children:l}=t;return(0,C.jsx)(_.Z,{href:n,variant:e,disabled:a,size:i,content:o,children:l})};var J=e(47437),G=e(38663),Y=e(70453),$=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]');let K=t=>{let{behaviour:n,children:e,variant:a}=t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:e}),(0,C.jsxs)(G.Z,{behaviour:n,variant:a,children:[(0,C.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,C.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,C.jsx)(Y.Z,{headlinePlain:"Item 3",content:"Content 3"})]})]})};var Q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","className":"db-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}}]}]');let X=t=>{let{children:n,disabled:e,open:a,headlinePlain:i}=t;return(0,C.jsx)(Y.Z,{headlinePlain:i,disabled:e,defaultOpen:a,children:n})};var tt=t=>(0,C.jsx)(F,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:z(Q,X,t.slotCode)}),tn=e(98310),te=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo","props":{}},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]'),ta=e(34406);let ti=t=>{var n,e;let{children:a,hideLogo:i,customLogo:o}=t;return(0,C.jsxs)(tn.Z,{hideLogo:i,children:[o&&(0,C.jsx)("img",{src:"".concat(null!==(e=null==ta?void 0:null===(n=ta.env)||void 0===n?void 0:"/mono/review/fix-a11y-form-component-ids")&&void 0!==e?e:"/react-showcase","/assets/images/placeholder.jpg"),alt:"logo"}),a]})};var to=e(79031),tl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","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","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","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"}}]}]');let tr=t=>{let{children:n,width:e,emphasis:a,placement:i,delay:o,content:l,animation:r,variant:c}=t;return(0,C.jsxs)(I.Z,{children:[n,(0,C.jsx)(to.Z,{width:e,emphasis:a,placement:i,animation:r,delay:o,variant:c,children:l})]})};var tc=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Small","props":{"size":"small"}}]}]');let ts=t=>{let{semantic:n,size:e,icon:a,children:i}=t;return(0,C.jsx)(J.Z,{semantic:n,size:e,icon:a,children:i})};var td=e(73253),tb=e(1689),th=e(78016),tu=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"Interactive Button","html":"
","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
Interactive Link
","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"Interactive Radio 1","html":"
","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"Interactive Radio 2","html":"
","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"Interactive Checkbox","html":"
","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"Interactive Checkbox","html":"
","react":"Interactive Checkbox","vue":"Interactive Checkbox"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"user","noText":true}},{"name":"Icon & Text","props":{"icon":"user"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"user","behaviour":"removable"},"code":{"angular":"Interactive Button","html":"
","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Link","html":"
Interactive Link
","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Checkbox","html":"
","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"code":{"angular":"Interactive Radio 1","html":"
","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02","code":{"angular":"Interactive Radio 2","html":"
","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}}]}]');let tp=t=>{let{semantic:n,disabled:e,children:a,icon:i,overflow:o,noText:l,behaviour:r,emphasis:c,removeButton:s,checked:d,component:b,identifier:h}=t,[u,p]=(0,L.useState)(null!=d&&d);return(0,C.jsxs)(td.Z,{semantic:n,disabled:e,icon:i,noText:l,behaviour:r,emphasis:c,overflow:o,removeButton:s,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,C.jsx)(I.Z,{children:a}),"link"===b&&(0,C.jsx)(_.Z,{href:"#",children:a}),"checkbox"===b&&(0,C.jsx)(tb.Z,{checked:u,onChange:t=>{p(t.target.checked)},children:a}),"radio"===b&&(0,C.jsx)(th.Z,{checked:d,name:h,children:a}),!b&&!o&&(0,C.jsx)(C.Fragment,{children:a}),!b&&o&&(0,C.jsx)("span",{children:a})]})};var tm=e(57092),tx=e(57884),tg=e(57284),tv=e(49953),tD=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
\\n\\t\\t
\\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]');let tB=t=>{let{children:n,orientation:e,width:a,alignment:i,overflow:o,behaviour:l,initialSelectedMode:r,initialSelectedIndex:c}=t;return(0,C.jsxs)("div",{className:"w-full",children:[(0,C.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[n,":"]}),(0,C.jsxs)(tm.Z,{orientation:e,width:a,alignment:i,behaviour:l,initialSelectedIndex:c,initialSelectedMode:r,arrowScrollDistance:75,children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Test 1"}),(0,C.jsx)(tg.Z,{children:"Test 2"}),(0,C.jsx)(tg.Z,{children:"Test 3"}),o&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tg.Z,{children:"Test 4"}),(0,C.jsx)(tg.Z,{children:"Test 5"})]})]}),(0,C.jsx)(tv.Z,{children:"Tab Panel 1"}),(0,C.jsx)(tv.Z,{children:"Tab Panel 2"}),(0,C.jsx)(tv.Z,{children:"Tab Panel 3"}),o&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tv.Z,{children:"Tab Panel 4"}),(0,C.jsx)(tv.Z,{children:"Tab Panel 5"})]})]})]})};var tj=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-density-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-density-expressive tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]');let tf=t=>{let{children:n,active:e,noText:a,icon:i,iconAfter:o,disabled:l}=t;return(0,C.jsx)(tx.Z,{children:(0,C.jsx)(tg.Z,{active:e,noText:a,icon:i,iconAfter:o,disabled:l,children:n})})};var tT=t=>(0,C.jsx)(F,{title:"DBTabItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:z(tj,tf,t.slotCode)}),tw=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","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","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]');let tk=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,indeterminate:c,variant:s}=t;return(0,C.jsx)(tb.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:s,indeterminate:c,children:l})};var ty=e(49475),tZ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-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":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"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":"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"}}]}]');let tN=t=>{let{label:n,value:e,type:a,minLength:i,required:o,disabled:l,iconAfter:r,icon:c,children:s,message:d,variant:b,readOnly:h}=t;return(0,C.jsx)(ty.Z,{label:n,message:d,placeholder:s,variant:b,defaultValue:e,type:a,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:r,icon:c})};var tC=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","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","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]');let tI=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,value:c,variant:s}=t;return(0,C.jsx)(th.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:s,value:c,children:l})};var tL=e(79081),tH=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-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"},{"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"},{"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":"x_placeholder"}}]},{"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}}]}]');let tS=t=>{let{children:n,label:e,options:a,icon:i,message:o,disabled:l,value:r,required:c,variant:s}=t,[d,b]=(0,L.useState)(r);return(0,C.jsx)(tL.Z,{label:e,placeholder:n,options:a,disabled:l,variant:s,icon:i,value:d,onChange:t=>{b(t.target.value)},message:o,required:c,children:n})};var t_=e(55025),tR=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional","props":{}},{"name":"regular (Default)","className":"db-density-regular","props":{}},{"name":"expressive","className":"db-density-expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled","props":{}},{"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","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label","props":{}},{"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"}}]}]');let tP=t=>{let{children:n,checked:e,visualAid:a,disabled:i,variant:o,emphasis:l,size:r,icon:c,iconAfter:s}=t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t_.Z,{visualAid:a,defaultChecked:e,disabled:i,variant:o,size:r,emphasis:l,icon:c,iconAfter:s,children:n}),"hidden"===o&&(0,C.jsx)(J.Z,{semantic:"informational",icon:"none",children:n})]})};var tA=e(22723),tO=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-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."}}]}]');let tM=t=>{let{cols:n,disabled:e,message:a,label:i,placeholder:o,rows:l,value:r,readOnly:c,required:s,children:d,variant:b}=t,[h,u]=(0,L.useState)(r);return(0,C.jsx)(tA.Z,{cols:n,disabled:e,message:a,label:i,variant:b,readOnly:c,onChange:t=>{u(t.target.value)},required:s,placeholder:null!=o?o:d,rows:l,value:h})};var tE=e(99242),tF=JSON.parse('[{"name":"Density","examples":[{"name":"functional","style":{"width":"300px"},"className":"db-density-functional","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","style":{"width":"300px"},"className":"db-density-regular","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","style":{"width":"300px"},"className":"db-density-expressive","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","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"}}]},{"name":"Content - Variant:Standalone","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"}},{"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"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}}]},{"name":"Content - Variant:Overlay","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"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"}}]}]'),tV=e(34406);let tz=()=>{var t,n;return(null==tV?void 0:null===(t=tV.env)||void 0===t?void 0:"/mono/review/fix-a11y-form-component-ids")?"/mono/review/fix-a11y-form-component-ids":null===(n=window.env)||void 0===n?void 0:n.BASE_URL},tW=t=>{let{semantic:n,icon:e,headline:a,variant:i,children:o,behaviour:l,link:r,timestamp:c,linkVariant:s,img:d}=t;return(0,C.jsx)(tE.Z,{semantic:n,icon:e,headline:a,link:r?(0,C.jsx)(_.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,C.jsx)("img",{src:"".concat(tz(),"/assets/images/placeholder.jpg"),alt:"Placeholder"}):void 0,variant:i,behaviour:l,linkVariant:s,timestamp:c,onClose:()=>{alert(o.toString())},children:o})};var tq=e(82919),tU=e(74819),tJ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","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","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]');let tG=t=>{let{children:n,semantic:e,emphasis:a,noContent:i,size:o,placement:l,example:r}=t;return(0,C.jsxs)(C.Fragment,{children:[!l&&!r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tq.Z,{semantic:e,emphasis:a,size:o,children:i?"":n}),i&&(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(I.Z,{icon:"user",variant:"outlined",noText:!0,children:[(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),n]}),(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)("div",{className:"badge-inline-container",children:[(0,C.jsx)(tU.Z,{icon:"user"}),(0,C.jsx)("span",{children:n}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,C.jsx)(tU.Z,{icon:"error"})]})}),"icon"===r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tq.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,C.jsx)(tU.Z,{icon:"user",children:n})}),(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"number"===r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tq.Z,{semantic:"successful",children:"9"}),(0,C.jsx)(tq.Z,{semantic:"informational",children:"12"}),(0,C.jsx)(tq.Z,{semantic:"warning",children:"123"}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]})]})};var tY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}},{"name":"functional","className":"db-density-functional","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":"No Spacing","props":{"spacing":"none"}},{"name":"Medium","props":{"spacing":"medium"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive","props":{}},{"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"}}]}]');let t$=t=>{let{behaviour:n,children:e,spacing:a,elevationLevel:i}=t;return(0,C.jsx)(H.Z,{behaviour:n,spacing:a,elevationLevel:i,children:(0,C.jsx)("strong",{children:e})})};var tK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-density-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-density-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]');let tQ=t=>{let{variant:n,emphasis:e,children:a}=t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(J.Z,{size:"small",semantic:"informational",children:a}),(0,C.jsx)(S.Z,{variant:n,emphasis:e})]})};var tX=e(37402),t0=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
functional
\\n\\t\\t
\\n\\t","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Regular (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
expressive
\\n\\t\\t
\\n\\t","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
With padding (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Full
\\n\\t\\t
\\n\\t","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
No rounding (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Rounded
\\n\\t\\t
\\n\\t","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Medium (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Small
\\n\\t\\t
\\n\\t","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Large
\\n\\t\\t
\\n\\t","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
None
\\n\\t\\t
\\n\\t","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
With Backdrop (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Backdrop-weak
\\n\\t\\t
\\n\\t","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"Invisible","props":{"withCloseButton":true,"backdrop":"invisible"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
No Backdrop
\\n\\t\\t
\\n\\t","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
No Backdrop
\\n\\t\\t
\\n\\t","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Right (Default)
\\n\\t\\t
\\n\\t","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Left
\\n\\t\\t
\\n\\t","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Up
\\n\\t\\t
\\n\\t","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
\\n\\t\\t\\t
Down
\\n\\t\\t
\\n\\t","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]');let t2=t=>{let{id:n,width:e,rounded:a,withCloseButton:i,spacing:o,openDrawer:l,setOpenDrawer:r,direction:c,children:s,backdrop:d}=t;return(0,C.jsxs)("div",{children:[(0,C.jsx)(tX.Z,{withCloseButton:i,rounded:a,width:e,spacing:o,backdrop:d,direction:c,open:l===n,onClose:()=>{r(void 0)},children:s}),(0,C.jsxs)(I.Z,{onClick:()=>{r(n)},children:["Open: ",s]})]})};var t1=e(82664),t3=e(33759),t4=e(39120),t9=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Width","examples":[{"name":"Full","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"},"code":{"html":"
\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\t\\tImprintHelp\\n\\t\\t
\\n\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
\\n\\t\\t\\t
\\n\\t\\t\\n\\t
","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Examples","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}}]}]');let t6=t=>{let{drawerOpen:n,forceMobile:e,burgerMenuLabel:a,children:i,className:o,describedbyid:l,id:r,key:c,onToggle:s,width:d,example:b,withNavigation:h,withName:u}=t;return(0,C.jsx)(t1.Z,{width:d,brand:(0,C.jsx)(tn.Z,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(_.Z,{href:"#",children:"Imprint"}),(0,C.jsx)(_.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,C.jsx)(I.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(I.Z,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),(0,C.jsx)(I.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,C.jsx)(I.Z,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:e,burgerMenuLabel:a,className:o,describedbyid:l,id:r,onToggle:s,children:(!b||h)&&(0,C.jsxs)(t3.Z,{"aria-label":i,children:[(0,C.jsx)(t4.Z,{icon:"user",children:(0,C.jsx)("a",{href:"#",children:i})}),(0,C.jsx)(t4.Z,{disabled:!0,children:(0,C.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},c)};var t8=e(55327),t5=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"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":{}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}}]}]');let t7=t=>{let{width:n,spacing:e,children:a}=t;return(0,C.jsx)(t8.Z,{className:"db-informational-bg-lvl-2",spacing:e,width:n,children:a})};var nt=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]');let nn=t=>{let{children:n}=t,e="".concat(n);return(0,C.jsxs)("div",{children:[(0,C.jsx)(J.Z,{id:e,size:"small",semantic:"informational",icon:"none",children:n}),(0,C.jsxs)(t3.Z,{labelledBy:e,children:[(0,C.jsx)(t4.Z,{active:!0,subNavigation:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t4.Z,{active:!0,subNavigation:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t4.Z,{active:!0,children:(0,C.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,C.jsx)(t4.Z,{children:(0,C.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,C.jsx)(t4.Z,{children:(0,C.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,C.jsx)(t4.Z,{icon:"user",children:(0,C.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,C.jsx)(t4.Z,{disabled:!0,children:(0,C.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};var ne=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{}},{"name":"Active","props":{"active":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"user"}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"user","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]');let na=t=>{let{children:n,icon:e,disabled:a,active:i,width:o,areaPopup:l}=t;return(0,C.jsx)("ul",{children:(0,C.jsx)(t4.Z,{icon:e,disabled:a,active:i,width:o,onClick:()=>{alert(n.toString())},subNavigation:l&&(0,C.jsxs)("ul",{children:[(0,C.jsx)(t4.Z,{children:(0,C.jsx)("a",{href:"#",children:"Test1"})}),(0,C.jsx)(t4.Z,{children:(0,C.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,C.jsx)("a",{href:"#",children:n})})})};var ni=t=>(0,C.jsx)(F,{title:"DBNavigationItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:z(ne,na,t.slotCode)}),no=e(60029),nl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","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","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","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","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"}}]}]');let nr=t=>{let{id:n,children:e,width:a,gap:i,spacing:o,placement:l,delay:r,content:c,animation:s}=t;return(0,C.jsx)(no.Z,{trigger:(0,C.jsx)(I.Z,{children:e}),width:a,gap:i,spacing:o,placement:l,animation:s,delay:r,id:n,children:null!=c?c:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("ul",{className:"popover-list",children:[(0,C.jsx)("li",{children:"Popover Custom Item 1"}),(0,C.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,C.jsx)(I.Z,{children:"Popover Custom Item 3"})]})})};var nc=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ns=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Outlined - Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Filled - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Ghost - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]})]})})]})},nd=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]})]})})]})},np=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nm=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]})]})})]})},nx=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ng=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Medium\n'),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},nv=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Internal\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Internal\n'),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]})]})})]})},nD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nj=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nf=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
Functional
\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Functional\n
Functional
\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Functional\n
Functional
\n
'),navigator.clipboard.writeText('
\n Functional\n
Functional
\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
Expressive
\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
Expressive
\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Expressive\n
Expressive
\n
'),navigator.clipboard.writeText('
\n Expressive\n
Expressive
\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nw=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Open\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]})]})})]})},nk=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Functional\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Functional\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Functional\n
'),navigator.clipboard.writeText('
\n Functional\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n (Default) Regular\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Expressive\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Expressive\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Expressive\n
'),navigator.clipboard.writeText('
\n Expressive\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ny=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) With Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n (Default) With Logo\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) With Logo\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n (Default) With Logo\n
'),navigator.clipboard.writeText('
\n (Default) With Logo\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'No Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n No Logo\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n No Logo\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n No Logo\n
'),navigator.clipboard.writeText('
\n No Logo\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"No Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Custom Logo\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Custom Logo\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Custom Logo\n
'),navigator.clipboard.writeText('
\n Custom Logo\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]})]})})]})},nZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},nN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]})]})})]})},nC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]})]})})]})},nI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},nL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},nH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},nS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},n_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})})]})},nR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
(Default) Weak
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Weak
'),navigator.clipboard.writeText('
(Default) Weak
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Strong\n
'),navigator.clipboard.writeText('
\n Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},nO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
(Default) Adaptive
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Adaptive
'),navigator.clipboard.writeText('
(Default) Adaptive
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Neutral\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Neutral\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Neutral\n
'),navigator.clipboard.writeText('
\n Neutral\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Critical\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Critical\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Critical\n
'),navigator.clipboard.writeText('
\n Critical\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Informational\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Informational\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Informational\n
'),navigator.clipboard.writeText('
\n Informational\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Successful\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Successful\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Successful\n
'),navigator.clipboard.writeText('
\n Successful\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Warning\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Warning\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Warning\n
'),navigator.clipboard.writeText('
\n Warning\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Adaptive Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Adaptive Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Adaptive Strong\n
'),navigator.clipboard.writeText('
\n Adaptive Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Neutral Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Neutral Strong\n
'),navigator.clipboard.writeText('
\n Neutral Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Critical Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Critical Strong\n
'),navigator.clipboard.writeText('
\n Critical Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Informational Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Informational Strong\n
'),navigator.clipboard.writeText('
\n Informational Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Successful Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Successful Strong\n
'),navigator.clipboard.writeText('
\n Successful Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Warning Strong\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Warning Strong\n
'),navigator.clipboard.writeText('
\n Warning Strong\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},nM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Static"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
(Default) Static
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Static
'),navigator.clipboard.writeText('
(Default) Static
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"),navigator.clipboard.writeText("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
Interactive Radio 2
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
Interactive Radio 2
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
Interactive Radio 2
'),navigator.clipboard.writeText('
Interactive Radio 2
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n'),navigator.clipboard.writeText('Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"),navigator.clipboard.writeText("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Removeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n \n Remove tag\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Removeable\n \n Remove tag\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Removeable\n \n Remove tag\n \n
'),navigator.clipboard.writeText('
\n Removeable\n \n Remove tag\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]})]})})]})},nE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n \n Interactive Checkbox\n \n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n \n Interactive Checkbox\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n Interactive Checkbox\n \n"),navigator.clipboard.writeText("\n \n Interactive Checkbox\n \n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]})]})})]})},nF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
(Default) Text
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) Text
'),navigator.clipboard.writeText('
(Default) Text
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Icon\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Icon\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Icon\n
'),navigator.clipboard.writeText('
\n Icon\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Icon & Text\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Icon & Text\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Icon & Text\n
'),navigator.clipboard.writeText('
\n Icon & Text\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})})]})},nV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
(Default) No Overflow
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
(Default) No Overflow
'),navigator.clipboard.writeText('
(Default) No Overflow
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n With Overflow (max-width)\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n With Overflow (max-width)\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n With Overflow (max-width)\n
'),navigator.clipboard.writeText('
\n With Overflow (max-width)\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]})]})})]})},nz=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Link\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Link\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Interactive Link\n
'),navigator.clipboard.writeText('
\n Interactive Link\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n \n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n \n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n \n \n
'),navigator.clipboard.writeText('
\n \n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n Interactive Strong Radio 2 with Icon\n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n Interactive Strong Radio 2 with Icon\n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n Interactive Strong Radio 2 with Icon\n
'),navigator.clipboard.writeText('
\n Interactive Strong Radio 2 with Icon\n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'),navigator.clipboard.writeText('Interactive Radio 2\',\n html: \'
\',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("Interactive Radio 2','html':'
','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]})]})})]})},nW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'===t?"check":"copy",variant:"ghost",onClick:()=>{n('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
'),navigator.clipboard.writeText('
\n
\n
\n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
\n
\n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]})]})})]})},nK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n \n
    • '),navigator.clipboard.writeText('
  • \n \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]})]})})]})},nX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]})]})})]})},n0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},n1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Unchecked - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Unchecked - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Checked - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Checked - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]})]})})]})},n3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},n4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required - Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required - Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]})]})})]})},n9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})},n6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},n5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},n7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},et=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},en=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ee=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ea=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},ei=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},eo=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},el=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},er=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Unselected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Unselected - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Unselected - Invalid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Unselected - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unselected - Invalid\n'),navigator.clipboard.writeText('\n Unselected - Invalid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Unselected - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Selected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Selected\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Selected\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected\n'),navigator.clipboard.writeText('\n Selected\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Selected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Selected - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Selected - Valid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Selected - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected - Valid\n'),navigator.clipboard.writeText('\n Selected - Valid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Selected - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]})]})})]})},ec=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},es=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ed=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Label Above\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Label Above\n'),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]})]})})]})},eu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Basic\n'),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]})]})})]})},ep=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]})]})})]})},em=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ex=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]})]})})]})},eg=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Optional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Optional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Optional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Optional\n'),navigator.clipboard.writeText('\n (Default) Optional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Optional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Required"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Required"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]})]})})]})},ev=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"regular (Default)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]})]})})]})},eD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Def) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Checked"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Checked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Checked"),navigator.clipboard.writeText("Checked")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},eB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Def) Weak + checked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Def) Weak + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Def) Weak + checked\n'),navigator.clipboard.writeText('\n (Def) Weak + checked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Strong + checked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong + checked\n'),navigator.clipboard.writeText('\n Strong + checked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]})]})})]})},ej=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) No Visual Aid + unchecked"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) No Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) No Visual Aid + unchecked"),navigator.clipboard.writeText("(Def) No Visual Aid + unchecked")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Visual Aid + unchecked"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Visual Aid + unchecked"),navigator.clipboard.writeText("Visual Aid + unchecked")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n (Def) No Visual Aid + checked\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n (Def) No Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n (Def) No Visual Aid + checked\n"),navigator.clipboard.writeText("\n (Def) No Visual Aid + checked\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Visual Aid + checked\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Visual Aid + checked\n"),navigator.clipboard.writeText("\n Visual Aid + checked\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]})]})})]})},ef=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},eT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})},ew=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})},ek=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},ey=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},eL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Custom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom\n'),navigator.clipboard.writeText('\n Custom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]})]})})]})},eH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Docked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Standalone\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Overlay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Permanent'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n

    (Default) Permanent

    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n

    (Default) Permanent

    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    (Default) Permanent

    \n
    '),navigator.clipboard.writeText('
    \n

    (Default) Permanent

    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Closeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n

    Closeable

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n

    Closeable

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    Closeable

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n

    Closeable

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]})]})})]})},eP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Weak'),navigator.clipboard.writeText('(Default) Weak')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},eF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Adaptive Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Adaptive Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Adaptive Strong\n'),navigator.clipboard.writeText('\n Adaptive Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},ez=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text - Medium\n'),navigator.clipboard.writeText('\n (Default) Text - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Dot - Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Dot - Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Dot - Small"),navigator.clipboard.writeText("Dot - Small")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Dot - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Dot - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Dot - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Dot - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Dot - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Inline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Inline\n'),navigator.clipboard.writeText('\n (Default) Inline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Left\n'),navigator.clipboard.writeText('\n Corner - Top - Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Left\n'),navigator.clipboard.writeText('\n Corner - Center - Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Left\n'),navigator.clipboard.writeText('\n Corner - Bottom- Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Right\n'),navigator.clipboard.writeText('\n Corner - Top - Right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Right\n'),navigator.clipboard.writeText('\n Corner - Center - Right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Right\n'),navigator.clipboard.writeText('\n Corner - Bottom- Right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]})]})})]})},eq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsx)(C.Fragment,{children:(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]})]})})})},eU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    functional
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    functional
    '),navigator.clipboard.writeText('
    functional
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})})]})},eJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Level 1 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Level 2 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Level 3 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]})]})})]})},eG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Small\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Small\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Small\n
    '),navigator.clipboard.writeText('
    \n (Default) Small\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'No Spacing'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n No Spacing\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n No Spacing\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n No Spacing\n
    '),navigator.clipboard.writeText('
    \n No Spacing\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Medium\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Medium\n
    '),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},eY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Non interactive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Non interactive
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Non interactive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Non interactive
    '),navigator.clipboard.writeText('
    (Default) Non interactive
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Interactive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive\n
    '),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]})]})})]})},e$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]})]})})]})},eX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},e0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n functional\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n functional\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n functional\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n functional\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n '),navigator.clipboard.writeText('\n functional\n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n'),navigator.clipboard.writeText('\n Regular (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Regular (Default)\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n '),navigator.clipboard.writeText('\n Regular (Default)\n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n expressive\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n expressive\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n expressive\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n expressive\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n '),navigator.clipboard.writeText('\n expressive\n ')},children:"Copy code"})]})]})})]})},e2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n With padding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With padding (Default)\n'),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With padding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With padding (Default)'),navigator.clipboard.writeText('With padding (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n'),navigator.clipboard.writeText('\n Full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Full\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Full\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n '),navigator.clipboard.writeText('\n Full\n ')},children:"Copy code"})]})]})})]})},e1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No rounding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No rounding (Default)\n'),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No rounding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No rounding (Default)'),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Rounded\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Rounded\n'),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Rounded\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Rounded\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Rounded'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Rounded'),navigator.clipboard.writeText('Rounded')},children:"Copy code"})]})]})})]})},e3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Medium (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium (Default)\n'),navigator.clipboard.writeText('\n Medium (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium (Default)'),navigator.clipboard.writeText('Medium (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Small\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Large\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Large\n'),navigator.clipboard.writeText('\n Large\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Large\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Large\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Large\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n None\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'None'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'None'===t?"check":"copy",variant:"ghost",onClick:()=>{n('None'),navigator.clipboard.writeText('None')},children:"Copy code"})]})]})})]})},e4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n With Backdrop (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n With Backdrop (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With Backdrop (Default)\n'),navigator.clipboard.writeText('\n With Backdrop (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With Backdrop (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Backdrop (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Backdrop (Default)'),navigator.clipboard.writeText('With Backdrop (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Backdrop-weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Backdrop-weak\n'),navigator.clipboard.writeText('\n Backdrop-weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Backdrop-weak'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Backdrop-weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Backdrop-weak'),navigator.clipboard.writeText('Backdrop-weak')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})})]})},e9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Right (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Right (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Right (Default)\n'),navigator.clipboard.writeText('\n Right (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Right (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Right (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Right (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Right (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Right (Default)'),navigator.clipboard.writeText('Right (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Left\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Left'),navigator.clipboard.writeText('Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Up\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Up\n'),navigator.clipboard.writeText('\n Up\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Up\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Up\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Up\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Up'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Up'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Up'),navigator.clipboard.writeText('Up')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Down\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Down\n'),navigator.clipboard.writeText('\n Down\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Down\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Down\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Down\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Down'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Down'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Down'),navigator.clipboard.writeText('Down')},children:"Copy code"})]})]})})]})},e6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'With Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n With Application Name + Navigation\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n With Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n With Application Name + Navigation\n"),navigator.clipboard.writeText("\n With Application Name + Navigation\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Without Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Without Navigation\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Without Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Navigation\n"),navigator.clipboard.writeText("\n Without Navigation\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Without Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Without Application Name'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name\n"),navigator.clipboard.writeText("\n Without Application Name\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Without Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name + Navigation\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name + Navigation\n"),navigator.clipboard.writeText("\n Without Application Name + Navigation\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]})]})})]})},at=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},an=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Full
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Full
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})})]})},ae=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Small
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Small
    \n
    '),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},aa=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})})]})},ai=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ao=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Enabled (Default)/Hover/Pressed"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Active"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Active"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Active"),navigator.clipboard.writeText("Active")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},al=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icons (Leading, Chevron)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icons (Leading, Chevron)\n'),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Text - Icon (Chevron)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Icon (Chevron)"),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]})]})})]})},ar=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})},ac=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},as=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) Small\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) Small\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Medium\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Medium\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n None\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n None\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]})]})})]})},ad=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) bottom\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) bottom\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) bottom\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) bottom\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},ab=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) No gap
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) No gap
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n With gap\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n With gap\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n With gap\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With gap\n'),navigator.clipboard.writeText('\n With gap\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]})]})})]})},ah=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Animation no delay'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Animation no delay
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Animation no delay
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Animation no delay
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Animation no delay
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay slow\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay slow\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay slow\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay slow\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay fast\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay fast\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay fast\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay fast\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n No animation\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n No animation\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n No animation\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n No animation\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},au=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    (Default) Auto
    \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    (Default) Auto
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    (Default) Auto
    \n'),navigator.clipboard.writeText('\n
    (Default) Auto
    \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n Fixed\n
    \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n Fixed\n
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n Fixed\n
    \n'),navigator.clipboard.writeText('\n
    \n Fixed\n
    \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},ap=JSON.parse('[{"label":"Action","name":"action","path":"/components/action","subNavigation":[{"label":"DBButton","name":"button"},{"label":"DBLink","name":"link"}]},{"label":"Data-Display","path":"/components/data-display","name":"data-display","subNavigation":[{"label":"DBBrand","name":"brand"},{"label":"DBTooltip","name":"tooltip"},{"label":"DBInfotext","name":"infotext"},{"label":"DBTag","name":"tag"},{"label":"DBAccordion","name":"accordion","subNavigation":[{"label":"DBAccordionItem Properties","path":"/components/accordion-item/properties"}]},{"label":"DBAccordionItem","name":"accordion-item","isHiddenInMenu":true},{"label":"DBTabs","name":"tabs","subNavigation":[{"label":"DBTabItem Properties","path":"/components/tab-item/properties"}]},{"label":"DBTabItem","name":"tab-item","isHiddenInMenu":true}]},{"label":"Data-Input","path":"/components/data-input","name":"data-input","subNavigation":[{"label":"DBCheckbox","name":"checkbox"},{"label":"DBInput","name":"input"},{"label":"DBRadio","name":"radio"},{"label":"DBSelect","name":"select"},{"label":"DBSwitch","name":"switch"},{"label":"DBTextarea","name":"textarea"}]},{"label":"Feedback","path":"/components/feedback","name":"feedback","subNavigation":[{"label":"DBNotification","name":"notification"},{"label":"DBBadge","name":"badge"}]},{"label":"Layout","path":"/components/layout","name":"layout","subNavigation":[{"label":"DBCard","name":"card"},{"label":"DBDivider","name":"divider"},{"label":"DBDrawer","name":"drawer"},{"label":"DBHeader","name":"header"},{"label":"DBSection","name":"section"}]},{"label":"Navigation","path":"/components/navigation","name":"navigation","subNavigation":[{"label":"DBNavigation","name":"navigation","subNavigation":[{"label":"DBNavigationItem Properties","path":"/components/navigation-item/properties"}]},{"label":"DBNavigationItem","name":"navigation-item","isHiddenInMenu":true}]},{"label":"Utilities","path":"/components/utilities","name":"utilities","subNavigation":[{"label":"DBPopover","name":"popover"}]}]');let am={button:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBButton",variants:z(V,W,t.slotCode)}),{slotCode:a}),link:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBLink",variants:z(q,U,t.slotCode)}),{slotCode:i}),brand:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBBrand",variants:z(te,ti,t.slotCode)}),{slotCode:r}),tooltip:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBTooltip",variants:z(tl,tr,t.slotCode)}),{slotCode:c}),infotext:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBInfotext",variants:z(tc,ts,t.slotCode)}),{slotCode:s}),tag:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBTag",variants:z(tu,tp,t.slotCode)}),{slotCode:d}),accordion:(0,C.jsx)(t=>(0,C.jsx)("div",{children:(0,C.jsx)(F,{title:"DBAccordion",subComponent:t.subComponent,variants:z($,K,t.slotCode)})}),{slotCode:o,subComponent:(0,C.jsx)(tt,{isSubComponent:!0,componentName:"accordion-item",slotCode:l})}),"accordion-item":(0,C.jsx)(tt,{slotCode:l}),tabs:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBTabs",subComponent:t.subComponent,variants:z(tD,tB,t.slotCode)}),{slotCode:b,subComponent:(0,C.jsx)(tT,{isSubComponent:!0,componentName:"tab-item",slotCode:h})}),"tab-item":(0,C.jsx)(tT,{slotCode:h}),checkbox:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBCheckbox",variants:z(tw,tk,t.slotCode)}),{slotCode:u}),input:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBInput",variants:z(tZ,tN,t.slotCode)}),{slotCode:p}),radio:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBRadio",variants:z(tC,tI,t.slotCode)}),{slotCode:m}),select:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBSelect",variants:z(tH,tS,t.slotCode)}),{slotCode:x}),switch:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBSwitch",variants:z(tR,tP,t.slotCode)}),{slotCode:g}),textarea:(0,C.jsx)(t=>(0,C.jsx)(C.Fragment,{children:(0,C.jsx)(F,{title:"DBTextarea",variants:z(tO,tM,t.slotCode)})}),{slotCode:v}),notification:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBNotification",variants:z(tF,tW,t.slotCode)}),{slotCode:D}),badge:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBBadge",variants:z(tJ,tG,t.slotCode)}),{slotCode:B}),card:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBCard",variants:z(tY,t$,t.slotCode)}),{slotCode:j}),divider:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBDivider",variants:z(tK,tQ,t.slotCode)}),{slotCode:f}),drawer:(0,C.jsx)(t=>{let[n,e]=(0,L.useState)(void 0);return(0,C.jsx)(F,{title:"DBDrawer",variants:z(t0,t=>t2({...t,openDrawer:n,setOpenDrawer:e}),t.slotCode)})},{slotCode:T}),header:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBHeader",variants:z(t9,t6,t.slotCode)}),{slotCode:w}),section:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBSection",variants:z(t5,t7,t.slotCode)}),{slotCode:k}),navigation:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBNavigation",subComponent:t.subComponent,variants:z(nt,nn,t.slotCode)}),{slotCode:y,subComponent:(0,C.jsx)(ni,{isSubComponent:!0,componentName:"navigation-item",slotCode:Z})}),"navigation-item":(0,C.jsx)(ni,{slotCode:Z}),popover:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBPopover",variants:z(nl,nr,t.slotCode)}),{slotCode:N})},ax=ap.map(t=>{var n;return{...t,subNavigation:null===(n=t.subNavigation)||void 0===n?void 0:n.map(t=>({...t,component:t.name?am[t.name]:void 0}))}}),ag=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Densities",path:"/foundations/densities",subNavigation:[{label:"Readme",path:"/foundations/densities/readme"},{label:"Examples",path:"/foundations/densities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},{label:"Validation",path:"/components/validation"},...ax.map(t=>{var n;return{...t,subNavigation:null==t?void 0:null===(n=t.subNavigation)||void 0===n?void 0:n.map(n=>{var e;return{label:n.label,path:"/components/".concat(t.name,"/").concat(n.name),isHiddenInMenu:n.isHiddenInMenu,subNavigation:[{label:"Overview",path:"/components/".concat(t.name,"/").concat(n.name,"/overview")},{label:"Properties",path:"/components/".concat(t.name,"/").concat(n.name,"/properties")},{label:"How to use",path:"/components/".concat(t.name,"/").concat(n.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(t.name,"/").concat(n.name,"/migration")},...null!==(e=n.subNavigation)&&void 0!==e?e:[]]}})}})]}],av=(t,n,e,a)=>{for(let o of t){var i;n.push(e?o:{...o,label:a?"".concat(a,":").concat(o.label):o.label}),o.subNavigation&&(null===(i=o.subNavigation)||void 0===i?void 0:i.length)>0&&av(o.subNavigation,n,e,e?void 0:o.label)}},aD=t=>{let n=[];return av(ag,n,t),n},aB=t=>{let n=aD().filter(t=>!t.subNavigation),e=n.findIndex(n=>n.path===t);return{previous:0===e?void 0:n[e-1],next:e+1===n.length?void 0:n[e+1]}},aj=t=>aD(!0).filter(n=>{var e;return t.includes(null!==(e=n.path)&&void 0!==e?e:"")}),af=()=>ax.filter(t=>{let{name:n}=t;return!!n}).map(t=>{let{name:n}=t;return n})}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2811],{92811:function(t,n,e){e.d(n,{Z6:function(){return ag},Ec:function(){return ax},tp:function(){return af},vY:function(){return aD},kn:function(){return aj},vn:function(){return aB}});var a={};e.r(a),e.d(a,{Behaviour:function(){return nu},Content:function(){return nh},Density:function(){return nc},Size:function(){return nb},State:function(){return nd},Variant:function(){return ns}});var i={};e.r(i),e.d(i,{Content:function(){return nv},Density:function(){return np},InteractionStates:function(){return nx},Semantic:function(){return nm},Size:function(){return ng}});var o={};e.r(o),e.d(o,{Behaviour:function(){return nj},Density:function(){return nD},Variant:function(){return nB}});var l={};e.r(l),e.d(l,{ContentStates:function(){return nw},Density:function(){return nf},InteractionStates:function(){return nT}});var r={};e.r(r),e.d(r,{Tonality:function(){return nk},Variants:function(){return ny}});var c={};e.r(c),e.d(c,{Animations:function(){return nH},Density:function(){return nZ},Emphasis:function(){return nC},Placement:function(){return nI},Variant:function(){return nN},Width:function(){return nL}});var s={};e.r(s),e.d(s,{Density:function(){return nS},Semantic:function(){return n_},Size:function(){return nR}});var d={};e.r(d),e.d(d,{Behaviour:function(){return nM},Content:function(){return nF},Density:function(){return nP},Emphasis:function(){return nA},Example:function(){return nz},Overflow:function(){return nV},Semantic:function(){return nO},State:function(){return nE}});var b={};e.r(b),e.d(b,{Examples:function(){return nG},Orientation:function(){return nq},Overflow:function(){return nJ},Tonality:function(){return nW},Width:function(){return nU}});var h={};e.r(h),e.d(h,{Behaviour:function(){return nQ},Content:function(){return nK},ContentAlignmentFullWidth:function(){return nX},Density:function(){return nY},States:function(){return n$}});var u={};e.r(u),e.d(u,{Content:function(){return n4},Density:function(){return n0},InteractionStates:function(){return n1},Requirement:function(){return n9},Size:function(){return n3},States:function(){return n2}});var p={};e.r(p),e.d(p,{Content:function(){return en},Density:function(){return n6},ExampleTypes:function(){return ea},ExampleTypesFloatingLabel:function(){return ei},Requirement:function(){return ee},StatesFloatingLabel:function(){return et},StatesLabelAbove:function(){return n7},VariantHelperMessage:function(){return n5},VariantLabel:function(){return n8}});var m={};e.r(m),e.d(m,{Content:function(){return ed},Density:function(){return eo},InteractionStates:function(){return el},Requirement:function(){return es},Size:function(){return ec},States:function(){return er}});var x={};e.r(x),e.d(x,{Content:function(){return ex},Density:function(){return eb},Requirement:function(){return eg},StatesFloatingLabel:function(){return em},StatesLabelAbove:function(){return ep},VariantHelperMessage:function(){return eu},VariantLabel:function(){return eh}});var g={};e.r(g),e.d(g,{Content:function(){return eT},Density:function(){return ev},Emphasis:function(){return eB},Examples:function(){return ew},Size:function(){return ef},States:function(){return eD},VisualAid:function(){return ej}});var v={};e.r(v),e.d(v,{Density:function(){return ek},Requirement:function(){return eI},Rows:function(){return eL},StatesFloatingLabel:function(){return eC},StatesLabelAbove:function(){return eN},VariantHelperMessage:function(){return eZ},VariantLabel:function(){return ey}});var D={};e.r(D),e.d(D,{Behaviour:function(){return eR},ContentVariantDocked:function(){return eP},ContentVariantOverlay:function(){return eO},ContentVariantStandalone:function(){return eA},Density:function(){return eH},Semantic:function(){return e_},Variant:function(){return eS}});var B={};e.r(B),e.d(B,{Content:function(){return ez},Density:function(){return eM},Emphasis:function(){return eE},Examples:function(){return eq},Placement:function(){return eW},Semantic:function(){return eF},Size:function(){return eV}});var j={};e.r(j),e.d(j,{Behaviour:function(){return eY},Density:function(){return eU},ElevationLevel:function(){return eJ},Example:function(){return e$},Spacing:function(){return eG}});var f={};e.r(f),e.d(f,{Density:function(){return eK},Emphasis:function(){return eX},Variant:function(){return eQ}});var T={};e.r(T),e.d(T,{Backdrop:function(){return e9},Density:function(){return e0},Directions:function(){return e4},Rounded:function(){return e2},Size:function(){return e1},Spacing:function(){return e3}});var w={};e.r(w),e.d(w,{Behaviour:function(){return e5},Examples:function(){return e7},Tonality:function(){return e6},Width:function(){return e8}});var k={};e.r(k),e.d(k,{Density:function(){return at},Spacing:function(){return ae},Width:function(){return an}});var y={};e.r(y),e.d(y,{Density:function(){return aa}});var Z={};e.r(Z),e.d(Z,{Content:function(){return al},Density:function(){return ai},InteractionStates:function(){return ao},Width:function(){return ar}});var N={};e.r(N),e.d(N,{Animations:function(){return ah},Density:function(){return ac},Gap:function(){return ab},Placement:function(){return ad},Spacing:function(){return as},Width:function(){return au}});var C=e(52322),I=e(10326),L=e(2784),H=e(70741),S=e(45886),_=e(50350),R=e(39846),P=e(82876),A=()=>{let t=(0,P.useRouter)(),n=(0,P.usePathname)(),[e,a]=[(0,P.useSearchParams)()];return[e,e=>{{let t=new URLSearchParams(window.location.href.split("?")[1]);t.sort();let n=new URLSearchParams(e);if(n.sort(),t.toString()===n.toString())return}a?a(e):n&&(null==t||t.push("".concat(n,"?").concat(new URLSearchParams(e).toString())))}]},O=function(){var t,n;let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=A(),[o,l]=(0,L.useState)(null!==(t=a.get(R.eM))&&void 0!==t?t:R.pw.REGULAR),[r,c]=(0,L.useState)(null!==(n=a.get(R.a_))&&void 0!==n?n:R.r$.NEUTRAL_BG_LEVEL_1),[s,d]=(0,L.useState)(void 0),[b,h]=(0,L.useState)(!1),[u,p]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{for(let[t,n]of Array.from(a.entries()))n&&(t===R.eM&&o!==n&&l(n),t===R.a_&&r!==n&&c(n),"page"===t&&s!==n.toLowerCase()&&d(n.toLowerCase()),"fullscreen"===t&&!!n!==b&&h(!!n));p(!0)},[a]),(0,L.useEffect)(()=>{if(u){let t={density:o,color:r};s&&(t.page=s),b&&(t.fullscreen=!0),e&&i(t)}},[r,o,s,b,u]),[o,l,r,c,s,b]},M=e(34406);let E=t=>{let{examples:n,color:e,SlotCode:a}=t,i=(0,L.useCallback)(()=>(null==e?void 0:e.includes("3"))?"3":(null==e?void 0:e.includes("2"))?"2":"1",[e]),[o,l]=(0,L.useState)();return(0,C.jsxs)(H.Z,{className:"variants-card db-code-docs",elevationLevel:i(),children:[(0,C.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,C.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),a&&(0,C.jsxs)("details",{className:"code-details",onToggle:()=>{l(!o)},children:[(0,C.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:o?"Hide code":"Show code"}),(0,C.jsxs)("div",{className:"db-density-functional",children:[(0,C.jsx)("div",{className:"backdrop"}),(0,C.jsx)(H.Z,{className:"code",spacing:"small",children:(0,C.jsx)(a,{})})]})]})]})};var F=t=>{var n;let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:l}=t,r=null==M||null===(n=M.env)||void 0===n,c=O(r)[4],s=O(r)[2],d=t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);return n.set("page",t.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(n.toString())}},b=(t,n)=>{var e;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(e=a[1])&&void 0!==e?e:"");o.set("page",n.toLowerCase());let r=l?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(l,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(r,"_blank")};if(c){let t=a.find(t=>t.name.toLowerCase()===c);if(t)return(0,C.jsx)(E,{...t,color:s})}return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"default-container",children:[(0,C.jsx)(o?"h2":"h1",{children:e}),null==a?void 0:a.map((t,n)=>(0,C.jsxs)("div",{children:[(0,C.jsx)(S.Z,{}),(0,C.jsx)(_.Z,{className:"link-headline",content:"external",target:"_blank",onClick:n=>{b(n,t.name)},href:d(t.name),children:t.name}),(0,C.jsx)(E,{...t,color:s})]},"".concat(t.name,"-").concat(n)))]}),i]})},V=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive","props":{}},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"user"}},{"name":"Icon","props":{"icon":"user","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]');let z=(t,n,e)=>t.map((t,a)=>({...t,SlotCode:null==e?void 0:e[t.name.replaceAll(" ","")],examples:t.examples.map((t,e)=>{var a,i,o,l;return{...t,example:n({...t.props,id:null!==(o=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==o?o:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})})),W=t=>{let{variant:n,state:e,size:a,noText:i,icon:o,width:l,disabled:r,children:c}=t;return(0,C.jsx)(I.Z,{variant:n,state:e,size:a,noText:i,icon:o,disabled:r,width:l,onClick:()=>{alert(c.toString())},children:c})};var q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-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"}}]}]');let U=t=>{let{href:n,variant:e,disabled:a,size:i,content:o,children:l}=t;return(0,C.jsx)(_.Z,{href:n,variant:e,disabled:a,size:i,content:o,children:l})};var J=e(47437),G=e(38663),Y=e(70453),$=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]');let K=t=>{let{behaviour:n,children:e,variant:a}=t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:e}),(0,C.jsxs)(G.Z,{behaviour:n,variant:a,children:[(0,C.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,C.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,C.jsx)(Y.Z,{headlinePlain:"Item 3",content:"Content 3"})]})]})};var Q=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"headlinePlain":"Functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"headlinePlain":"(Default) Regular"}},{"name":"Expressive","className":"db-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}}]}]');let X=t=>{let{children:n,disabled:e,open:a,headlinePlain:i}=t;return(0,C.jsx)(Y.Z,{headlinePlain:i,disabled:e,defaultOpen:a,children:n})};var tt=t=>(0,C.jsx)(F,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:z(Q,X,t.slotCode)}),tn=e(98310),te=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Variants","examples":[{"name":"(Default) With Logo","props":{}},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]'),ta=e(34406);let ti=t=>{var n,e;let{children:a,hideLogo:i,customLogo:o}=t;return(0,C.jsxs)(tn.Z,{hideLogo:i,children:[o&&(0,C.jsx)("img",{src:"".concat(null!==(e=null==ta?void 0:null===(n=ta.env)||void 0===n?void 0:"/mono/review/fix-a11y-form-component-ids")&&void 0!==e?e:"/react-showcase","/assets/images/placeholder.jpg"),alt:"logo"}),a]})};var to=e(79031),tl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","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","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","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"}}]}]');let tr=t=>{let{children:n,width:e,emphasis:a,placement:i,delay:o,content:l,animation:r,variant:c}=t;return(0,C.jsxs)(I.Z,{children:[n,(0,C.jsx)(to.Z,{width:e,emphasis:a,placement:i,animation:r,delay:o,variant:c,children:l})]})};var tc=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Small","props":{"size":"small"}}]}]');let ts=t=>{let{semantic:n,size:e,icon:a,children:i}=t;return(0,C.jsx)(J.Z,{semantic:n,size:e,icon:a,children:i})};var td=e(73253),tb=e(1689),th=e(78016),tu=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"user","noText":true}},{"name":"Icon & Text","props":{"icon":"user"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"user","behaviour":"removable"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"user"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}}]}]');let tp=t=>{let{semantic:n,disabled:e,children:a,icon:i,overflow:o,noText:l,behaviour:r,emphasis:c,removeButton:s,checked:d,component:b,identifier:h}=t,[u,p]=(0,L.useState)(null!=d&&d);return(0,C.jsxs)(td.Z,{semantic:n,disabled:e,icon:i,noText:l,behaviour:r,emphasis:c,overflow:o,removeButton:s,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,C.jsx)(I.Z,{children:a}),"link"===b&&(0,C.jsx)(_.Z,{href:"#",children:a}),"checkbox"===b&&(0,C.jsx)(tb.Z,{checked:u,onChange:t=>{p(t.target.checked)},children:a}),"radio"===b&&(0,C.jsx)(th.Z,{checked:d,name:h,children:a}),!b&&!o&&(0,C.jsx)(C.Fragment,{children:a}),!b&&o&&(0,C.jsx)("span",{children:a})]})};var tm=e(57092),tx=e(57884),tg=e(57284),tv=e(49953),tD=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]');let tB=t=>{let{children:n,orientation:e,width:a,alignment:i,overflow:o,behaviour:l,initialSelectedMode:r,initialSelectedIndex:c}=t;return(0,C.jsxs)("div",{className:"w-full",children:[(0,C.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[n,":"]}),(0,C.jsxs)(tm.Z,{orientation:e,width:a,alignment:i,behaviour:l,initialSelectedIndex:c,initialSelectedMode:r,arrowScrollDistance:75,children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Test 1"}),(0,C.jsx)(tg.Z,{children:"Test 2"}),(0,C.jsx)(tg.Z,{children:"Test 3"}),o&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tg.Z,{children:"Test 4"}),(0,C.jsx)(tg.Z,{children:"Test 5"})]})]}),(0,C.jsx)(tv.Z,{children:"Tab Panel 1"}),(0,C.jsx)(tv.Z,{children:"Tab Panel 2"}),(0,C.jsx)(tv.Z,{children:"Tab Panel 3"}),o&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tv.Z,{children:"Tab Panel 4"}),(0,C.jsx)(tv.Z,{children:"Tab Panel 5"})]})]})]})};var tj=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-density-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-density-expressive tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]');let tf=t=>{let{children:n,active:e,noText:a,icon:i,iconAfter:o,disabled:l}=t;return(0,C.jsx)(tx.Z,{children:(0,C.jsx)(tg.Z,{active:e,noText:a,icon:i,iconAfter:o,disabled:l,children:n})})};var tT=t=>(0,C.jsx)(F,{title:"DBTabItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:z(tj,tf,t.slotCode)}),tw=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","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","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Indeterminate","props":{"name":"Requirement","indeterminate":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","variant":"hidden"}}]}]');let tk=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,indeterminate:c,variant:s}=t;return(0,C.jsx)(tb.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:s,indeterminate:c,children:l})};var ty=e(49475),tZ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-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":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"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":"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"}}]}]');let tN=t=>{let{label:n,value:e,type:a,minLength:i,required:o,disabled:l,iconAfter:r,icon:c,children:s,message:d,variant:b,readOnly:h}=t;return(0,C.jsx)(ty.Z,{label:n,message:d,placeholder:s,variant:b,defaultValue:e,type:a,minLength:i,required:o,disabled:l,readOnly:h,iconAfter:r,icon:c})};var tC=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"name":"Density","value":"functional"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"name":"Density","value":"regular"}},{"name":"Expressive","className":"db-density-expressive","props":{"name":"Density","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","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","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","variant":"hidden"}}]}]');let tI=t=>{let{label:n,size:e,name:a,checked:i,required:o,children:l,disabled:r,value:c,variant:s}=t;return(0,C.jsx)(th.Z,{label:n,size:e,name:a,defaultChecked:i,required:o,disabled:r,variant:s,value:c,children:l})};var tL=e(79081),tH=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-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"},{"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"},{"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":"x_placeholder"}}]},{"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}}]}]');let tS=t=>{let{children:n,label:e,options:a,icon:i,message:o,disabled:l,value:r,required:c,variant:s}=t,[d,b]=(0,L.useState)(r);return(0,C.jsx)(tL.Z,{label:e,placeholder:n,options:a,disabled:l,variant:s,icon:i,value:d,onChange:t=>{b(t.target.value)},message:o,required:c,children:n})};var t_=e(55025),tR=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional","props":{}},{"name":"regular (Default)","className":"db-density-regular","props":{}},{"name":"expressive","className":"db-density-expressive","props":{}}]},{"name":"States","examples":[{"name":"(Def) Enabled","props":{}},{"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","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label","props":{}},{"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"}}]}]');let tP=t=>{let{children:n,checked:e,visualAid:a,disabled:i,variant:o,emphasis:l,size:r,icon:c,iconAfter:s}=t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t_.Z,{visualAid:a,defaultChecked:e,disabled:i,variant:o,size:r,emphasis:l,icon:c,iconAfter:s,children:n}),"hidden"===o&&(0,C.jsx)(J.Z,{semantic:"informational",icon:"none",children:n})]})};var tA=e(22723),tO=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-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."}}]}]');let tM=t=>{let{cols:n,disabled:e,message:a,label:i,placeholder:o,rows:l,value:r,readOnly:c,required:s,children:d,variant:b}=t,[h,u]=(0,L.useState)(r);return(0,C.jsx)(tA.Z,{cols:n,disabled:e,message:a,label:i,variant:b,readOnly:c,onChange:t=>{u(t.target.value)},required:s,placeholder:null!=o?o:d,rows:l,value:h})};var tE=e(99242),tF=JSON.parse('[{"name":"Density","examples":[{"name":"functional","style":{"width":"300px"},"className":"db-density-functional","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"regular (Default)","style":{"width":"300px"},"className":"db-density-regular","props":{"headline":"Headline","icon":"information_circle","behaviour":"closable"}},{"name":"expressive","style":{"width":"300px"},"className":"db-density-expressive","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","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"}}]},{"name":"Content - Variant:Standalone","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"}},{"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"}},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"}}]},{"name":"Content - Variant:Overlay","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"}},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"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"}}]}]'),tV=e(34406);let tz=()=>{var t,n;return(null==tV?void 0:null===(t=tV.env)||void 0===t?void 0:"/mono/review/fix-a11y-form-component-ids")?"/mono/review/fix-a11y-form-component-ids":null===(n=window.env)||void 0===n?void 0:n.BASE_URL},tW=t=>{let{semantic:n,icon:e,headline:a,variant:i,children:o,behaviour:l,link:r,timestamp:c,linkVariant:s,img:d}=t;return(0,C.jsx)(tE.Z,{semantic:n,icon:e,headline:a,link:r?(0,C.jsx)(_.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,C.jsx)("img",{src:"".concat(tz(),"/assets/images/placeholder.jpg"),alt:"Placeholder"}):void 0,variant:i,behaviour:l,linkVariant:s,timestamp:c,onClose:()=>{alert(o.toString())},children:o})};var tq=e(82919),tU=e(74819),tJ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"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","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","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","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]');let tG=t=>{let{children:n,semantic:e,emphasis:a,noContent:i,size:o,placement:l,example:r}=t;return(0,C.jsxs)(C.Fragment,{children:[!l&&!r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tq.Z,{semantic:e,emphasis:a,size:o,children:i?"":n}),i&&(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(I.Z,{icon:"user",variant:"outlined",noText:!0,children:[(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:l}),n]}),(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)("div",{className:"badge-inline-container",children:[(0,C.jsx)(tU.Z,{icon:"user"}),(0,C.jsx)("span",{children:n}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,C.jsx)(tU.Z,{icon:"error"})]})}),"icon"===r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tq.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,C.jsx)(tU.Z,{icon:"user",children:n})}),(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]}),"number"===r&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(tq.Z,{semantic:"successful",children:"9"}),(0,C.jsx)(tq.Z,{semantic:"informational",children:"12"}),(0,C.jsx)(tq.Z,{semantic:"warning",children:"123"}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,C.jsx)(tq.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,C.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:n})]})]})};var tY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}},{"name":"functional","className":"db-density-functional","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":"No Spacing","props":{"spacing":"none"}},{"name":"Medium","props":{"spacing":"medium"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Non interactive","props":{}},{"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"}}]}]');let t$=t=>{let{behaviour:n,children:e,spacing:a,elevationLevel:i}=t;return(0,C.jsx)(H.Z,{behaviour:n,spacing:a,elevationLevel:i,children:(0,C.jsx)("strong",{children:e})})};var tK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-density-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-density-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-density-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]');let tQ=t=>{let{variant:n,emphasis:e,children:a}=t;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(J.Z,{size:"small",semantic:"informational",children:a}),(0,C.jsx)(S.Z,{variant:n,emphasis:e})]})};var tX=e(37402),t0=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    functional
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Regular (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    expressive
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With padding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Full
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No rounding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Rounded
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Medium (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Small
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Large
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    None
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With Backdrop (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Backdrop-weak
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"Invisible","props":{"withCloseButton":true,"backdrop":"invisible"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Right (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Left
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Up
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Down
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]');let t1=t=>{let{id:n,width:e,rounded:a,withCloseButton:i,spacing:o,openDrawer:l,setOpenDrawer:r,direction:c,children:s,backdrop:d}=t;return(0,C.jsxs)("div",{children:[(0,C.jsx)(tX.Z,{withCloseButton:i,rounded:a,width:e,spacing:o,backdrop:d,direction:c,open:l===n,onClose:()=>{r(void 0)},children:s}),(0,C.jsxs)(I.Z,{onClick:()=>{r(n)},children:["Open: ",s]})]})};var t2=e(82664),t3=e(33759),t9=e(39120),t4=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"100%","display":"block"},"props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Width","examples":[{"name":"Full","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\tbrand={\\n\\t\\t\\t\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","props":{},"style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tmetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tprimaryAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tsecondaryAction={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Examples","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}}]}]');let t6=t=>{let{drawerOpen:n,forceMobile:e,burgerMenuLabel:a,children:i,className:o,describedbyid:l,id:r,key:c,onToggle:s,width:d,example:b,withNavigation:h,withName:u}=t;return(0,C.jsx)(t2.Z,{width:d,brand:(0,C.jsx)(tn.Z,{title:"DBHeader",children:(!b||u)&&"DBHeader"}),metaNavigation:!b&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(_.Z,{href:"#",children:"Imprint"}),(0,C.jsx)(_.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,C.jsx)(I.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(I.Z,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),(0,C.jsx)(I.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,C.jsx)(I.Z,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:e,burgerMenuLabel:a,className:o,describedbyid:l,id:r,onToggle:s,children:(!b||h)&&(0,C.jsxs)(t3.Z,{"aria-label":i,children:[(0,C.jsx)(t9.Z,{icon:"user",children:(0,C.jsx)("a",{href:"#",children:i})}),(0,C.jsx)(t9.Z,{disabled:!0,children:(0,C.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},c)};var t8=e(55327),t5=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"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":{}},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}}]}]');let t7=t=>{let{width:n,spacing:e,children:a}=t;return(0,C.jsx)(t8.Z,{className:"db-informational-bg-lvl-2",spacing:e,width:n,children:a})};var nt=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-density-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-density-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]');let nn=t=>{let{children:n}=t,e="".concat(n);return(0,C.jsxs)("div",{children:[(0,C.jsx)(J.Z,{id:e,size:"small",semantic:"informational",icon:"none",children:n}),(0,C.jsxs)(t3.Z,{labelledBy:e,children:[(0,C.jsx)(t9.Z,{active:!0,subNavigation:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t9.Z,{active:!0,subNavigation:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(t9.Z,{active:!0,children:(0,C.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,C.jsx)(t9.Z,{children:(0,C.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,C.jsx)(t9.Z,{children:(0,C.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,C.jsx)(t9.Z,{icon:"user",children:(0,C.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,C.jsx)(t9.Z,{disabled:!0,children:(0,C.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};var ne=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{}},{"name":"(Default) Regular","className":"db-density-regular","props":{}},{"name":"Expressive","className":"db-density-expressive","props":{}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{}},{"name":"Active","props":{"active":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"user"}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"user","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]');let na=t=>{let{children:n,icon:e,disabled:a,active:i,width:o,areaPopup:l}=t;return(0,C.jsx)("ul",{children:(0,C.jsx)(t9.Z,{icon:e,disabled:a,active:i,width:o,onClick:()=>{alert(n.toString())},subNavigation:l&&(0,C.jsxs)("ul",{children:[(0,C.jsx)(t9.Z,{children:(0,C.jsx)("a",{href:"#",children:"Test1"})}),(0,C.jsx)(t9.Z,{children:(0,C.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,C.jsx)("a",{href:"#",children:n})})})};var ni=t=>(0,C.jsx)(F,{title:"DBNavigationItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:z(ne,na,t.slotCode)}),no=e(60029),nl=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-density-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","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","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","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","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"}}]}]');let nr=t=>{let{id:n,children:e,width:a,gap:i,spacing:o,placement:l,delay:r,content:c,animation:s}=t;return(0,C.jsx)(no.Z,{trigger:(0,C.jsx)(I.Z,{children:e}),width:a,gap:i,spacing:o,placement:l,animation:s,delay:r,id:n,children:null!=c?c:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("ul",{className:"popover-list",children:[(0,C.jsx)("li",{children:"Popover Custom Item 1"}),(0,C.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,C.jsx)(I.Z,{children:"Popover Custom Item 3"})]})})};var nc=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ns=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Outlined - Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Filled - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Ghost - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Brand'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]})]})})]})},nd=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/button/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Width full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]})]})})]})},np=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nm=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]})]})})]})},nx=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ng=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Medium\n'),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},nv=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Internal\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Internal\n'),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/link/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]})]})})]})},nD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nj=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"The accordion is a pure JS Component"===t?"check":"copy",variant:"ghost",onClick:()=>{n("The accordion is a pure JS Component"),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n'),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy code"})]})]})})]})},nf=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    Functional
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Functional\n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Functional\n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n Functional\n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Regular\n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n (Default) Regular\n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    Expressive
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Expressive\n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Expressive\n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n Expressive\n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},nT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},nw=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Open\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/accordion-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Open'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Open'),navigator.clipboard.writeText('Open')},children:"Copy code"})]})]})})]})},nk=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Functional\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Functional\n
    '),navigator.clipboard.writeText('
    \n Functional\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Regular\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Regular\n
    '),navigator.clipboard.writeText('
    \n (Default) Regular\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Expressive\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Expressive\n
    '),navigator.clipboard.writeText('
    \n Expressive\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ny=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) With Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) With Logo\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) With Logo\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) With Logo\n
    '),navigator.clipboard.writeText('
    \n (Default) With Logo\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'No Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n No Logo\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n No Logo\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n No Logo\n
    '),navigator.clipboard.writeText('
    \n No Logo\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"No Logo"===t?"check":"copy",variant:"ghost",onClick:()=>{n("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Logo'),navigator.clipboard.writeText('No Logo')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Custom Logo\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Custom Logo\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Custom Logo\n
    '),navigator.clipboard.writeText('
    \n Custom Logo\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/brand/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom Logo'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Logo'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Logo'),navigator.clipboard.writeText('Custom Logo')},children:"Copy code"})]})]})})]})},nZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},nN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) With arrow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) With arrow\n'),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Basic\n'),navigator.clipboard.writeText('\n Basic\n')},children:"Copy code"})]})]})})]})},nC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Weak\n'),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]})]})})]})},nI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},nL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},nH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Animation no delay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Animation no delay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Animation no delay\n'),navigator.clipboard.writeText('\n (Default) Animation no delay\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tooltip/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},nS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},n_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})})]})},nR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/infotext/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},nP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},nA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Weak
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Weak
    '),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Strong\n
    '),navigator.clipboard.writeText('
    \n Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},nO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Adaptive
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Adaptive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Adaptive
    '),navigator.clipboard.writeText('
    (Default) Adaptive
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Neutral\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Neutral\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Neutral\n
    '),navigator.clipboard.writeText('
    \n Neutral\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Critical\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Critical\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Critical\n
    '),navigator.clipboard.writeText('
    \n Critical\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Informational\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Informational\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Informational\n
    '),navigator.clipboard.writeText('
    \n Informational\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Successful\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Successful\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Successful\n
    '),navigator.clipboard.writeText('
    \n Successful\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Warning\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Warning\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Warning\n
    '),navigator.clipboard.writeText('
    \n Warning\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Adaptive Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Adaptive Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Adaptive Strong\n
    '),navigator.clipboard.writeText('
    \n Adaptive Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Neutral Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Neutral Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Neutral Strong\n
    '),navigator.clipboard.writeText('
    \n Neutral Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Critical Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Critical Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Critical Strong\n
    '),navigator.clipboard.writeText('
    \n Critical Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Informational Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Informational Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Informational Strong\n
    '),navigator.clipboard.writeText('
    \n Informational Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Successful Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Successful Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Successful Strong\n
    '),navigator.clipboard.writeText('
    \n Successful Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Warning Strong\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Warning Strong\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Warning Strong\n
    '),navigator.clipboard.writeText('
    \n Warning Strong\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},nM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Static"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Static
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Static
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Static
    '),navigator.clipboard.writeText('
    (Default) Static
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Link\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive Link\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive Link\n
    '),navigator.clipboard.writeText('
    \n Interactive Link\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2"),navigator.clipboard.writeText("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Interactive Radio 2
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Interactive Radio 2
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Interactive Radio 2
    '),navigator.clipboard.writeText('
    Interactive Radio 2
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n'),navigator.clipboard.writeText('Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Radio 2\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2    "})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2    "===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2    "),navigator.clipboard.writeText("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Radio 2    ")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Removeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Removeable\n \n Remove tag\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Removeable\n \n Remove tag\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Removeable\n \n Remove tag\n \n
    '),navigator.clipboard.writeText('
    \n Removeable\n \n Remove tag\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Removeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]})]})})]})},nE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n \n Interactive Checkbox\n \n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n \n Interactive Checkbox\n \n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n \n Interactive Checkbox\n \n"),navigator.clipboard.writeText("\n \n Interactive Checkbox\n \n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Checkbox'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Checkbox'),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy code"})]})]})})]})},nF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Text
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Text
    '),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Icon\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Icon\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Icon\n
    '),navigator.clipboard.writeText('
    \n Icon\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Icon & Text\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Icon & Text\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Icon & Text\n
    '),navigator.clipboard.writeText('
    \n Icon & Text\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]})]})})]})},nV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) No Overflow
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) No Overflow
    '),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n With Overflow (max-width)\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n With Overflow (max-width)\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n With Overflow (max-width)\n
    '),navigator.clipboard.writeText('
    \n With Overflow (max-width)\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Overflow (max-width)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Overflow (max-width)'),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy code"})]})]})})]})},nz=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n
    '),navigator.clipboard.writeText('
    \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Button\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Button\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Button\n"),navigator.clipboard.writeText("\n Interactive Button\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Link\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive Link\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive Link\n
    '),navigator.clipboard.writeText('
    \n Interactive Link\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Link\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Link\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Link\n"),navigator.clipboard.writeText("\n Interactive Link\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Interactive Checkbox\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Interactive Checkbox\n"),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    '),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Radio 1\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Radio 1\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Interactive Radio 1\n'),navigator.clipboard.writeText('\n Interactive Radio 1\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon"),navigator.clipboard.writeText("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive Strong Radio 2 with Icon\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive Strong Radio 2 with Icon\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive Strong Radio 2 with Icon\n
    '),navigator.clipboard.writeText('
    \n Interactive Strong Radio 2 with Icon\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n'),navigator.clipboard.writeText('Interactive Radio 2\',\n html: \'
    \',\n react:\n \'Interactive Radio 2\',\n vue: \'Interactive Radio 2\',\n }}\n>\n Interactive Strong Radio 2 with Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon    "})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon    "===t?"check":"copy",variant:"ghost",onClick:()=>{n("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon    "),navigator.clipboard.writeText("Interactive Radio 2','html':'
    ','react':'Interactive Radio 2','vue':'Interactive Radio 2'}\">Interactive Strong Radio 2 with Icon    ")},children:"Copy code"})]})]})})]})},nW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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"})]})]})})]})},nG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    '),navigator.clipboard.writeText('
    \n
    \n
    \n \n \n Test 1\n \n \n \n Test 2\n \n \n \n Test 3\n \n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tabs/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.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,C.jsx)(I.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 '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\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"})]})]})})]})},nY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('active'),navigator.clipboard.writeText('active')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('disabled'),navigator.clipboard.writeText('disabled')},children:"Copy code"})]})]})})]})},nK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n \n
    • '),navigator.clipboard.writeText('
  • \n \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon'),navigator.clipboard.writeText('Icon')},children:"Copy code"})]})]})})]})},nQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    • '),navigator.clipboard.writeText('
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]})]})})]})},nX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]})]})})]})},n0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},n2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Unchecked - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Unchecked - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unchecked - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unchecked - Invalid'),navigator.clipboard.writeText('Unchecked - Invalid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Checked - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Checked - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked - Valid'),navigator.clipboard.writeText('Checked - Valid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate'),navigator.clipboard.writeText('Indeterminate')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Invalid'),navigator.clipboard.writeText('Indeterminate - Invalid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Indeterminate - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Indeterminate - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Indeterminate - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Indeterminate - Valid'),navigator.clipboard.writeText('Indeterminate - Valid')},children:"Copy code"})]})]})})]})},n3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},n9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required - Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required - Indeterminate'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required - Indeterminate'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required - Indeterminate'),navigator.clipboard.writeText('Required - Indeterminate')},children:"Copy code"})]})]})})]})},n4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]})]})})]})},n6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Functional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Expressive\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},n8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},n5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},n7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},et=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},en=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Text\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Filled Number\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Leading Icon - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Text - Trailing Icon\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ee=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Required\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ea=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},ei=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]})]})})]})},eo=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]})]})})]})},el=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},er=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Unselected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unselected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Unselected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Unselected'),navigator.clipboard.writeText('(Default) Unselected')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Unselected - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Unselected - Invalid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Unselected - Invalid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Unselected - Invalid\n'),navigator.clipboard.writeText('\n Unselected - Invalid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Unselected - Invalid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Unselected - Invalid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Unselected - Invalid'),navigator.clipboard.writeText('Unselected - Invalid')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Selected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Selected\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Selected\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected\n'),navigator.clipboard.writeText('\n Selected\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Selected'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected'),navigator.clipboard.writeText('Selected')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Selected - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Selected - Valid\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Selected - Valid\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Selected - Valid\n'),navigator.clipboard.writeText('\n Selected - Valid\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Selected - Valid'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Selected - Valid'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Selected - Valid'),navigator.clipboard.writeText('Selected - Valid')},children:"Copy code"})]})]})})]})},ec=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]})]})})]})},es=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},ed=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Functional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Regular\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Expressive\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eh=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Label Above\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Label Above\n'),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Label Above"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Label Above"),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Floating Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Floating Label"),navigator.clipboard.writeText("Floating Label")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Hidden Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Hidden Label"),navigator.clipboard.writeText("Hidden Label")},children:"Copy code"})]})]})})]})},eu=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Basic\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Basic\n'),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Basic"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Basic"),navigator.clipboard.writeText("(Default) Basic")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Helper Message"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Helper Message"),navigator.clipboard.writeText("Helper Message")},children:"Copy code"})]})]})})]})},ep=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]})]})})]})},em=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Empty"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Empty"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Empty"),navigator.clipboard.writeText("(Default) Empty")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Filled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Filled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Filled"),navigator.clipboard.writeText("Filled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},ex=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Text - Leading Icon"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Leading Icon"),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy code"})]})]})})]})},eg=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Optional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Optional\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Optional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Optional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Optional\n'),navigator.clipboard.writeText('\n (Default) Optional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Optional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Optional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Optional"),navigator.clipboard.writeText("(Default) Optional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Required"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n \n Required\n \n Label\n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/select/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Required"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Required"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Required"),navigator.clipboard.writeText("Required")},children:"Copy code"})]})]})})]})},ev=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"regular (Default)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"regular (Default)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"regular (Default)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("regular (Default)"),navigator.clipboard.writeText("regular (Default)")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("expressive"),navigator.clipboard.writeText("expressive")},children:"Copy code"})]})]})})]})},eD=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Def) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Enabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Enabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Enabled"),navigator.clipboard.writeText("(Def) Enabled")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Checked"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Checked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Checked"),navigator.clipboard.writeText("Checked")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Checked'),navigator.clipboard.writeText('Checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},eB=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + unchecked'),navigator.clipboard.writeText('(Def) Weak + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + unchecked'),navigator.clipboard.writeText('Strong + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) Weak + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Def) Weak + checked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Def) Weak + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Def) Weak + checked\n'),navigator.clipboard.writeText('\n (Def) Weak + checked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) Weak + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) Weak + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) Weak + checked'),navigator.clipboard.writeText('(Def) Weak + checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Strong + checked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong + checked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong + checked\n'),navigator.clipboard.writeText('\n Strong + checked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong + checked'),navigator.clipboard.writeText('Strong + checked')},children:"Copy code"})]})]})})]})},ej=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) No Visual Aid + unchecked"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) No Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) No Visual Aid + unchecked"),navigator.clipboard.writeText("(Def) No Visual Aid + unchecked")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + unchecked'),navigator.clipboard.writeText('(Def) No Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Visual Aid + unchecked"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Visual Aid + unchecked"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Visual Aid + unchecked"),navigator.clipboard.writeText("Visual Aid + unchecked")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + unchecked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + unchecked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + unchecked'),navigator.clipboard.writeText('Visual Aid + unchecked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Def) No Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n (Def) No Visual Aid + checked\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n (Def) No Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n (Def) No Visual Aid + checked\n"),navigator.clipboard.writeText("\n (Def) No Visual Aid + checked\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Def) No Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Def) No Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Def) No Visual Aid + checked'),navigator.clipboard.writeText('(Def) No Visual Aid + checked')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Visual Aid + checked\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Visual Aid + checked\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Visual Aid + checked\n"),navigator.clipboard.writeText("\n Visual Aid + checked\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Visual Aid + checked'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Visual Aid + checked'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Visual Aid + checked'),navigator.clipboard.writeText('Visual Aid + checked')},children:"Copy code"})]})]})})]})},ef=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Def) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Medium"),navigator.clipboard.writeText("(Def) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},eT=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Def) Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Def) Label"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Def) Label"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Def) Label"),navigator.clipboard.writeText("(Def) Label")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'No Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Label'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Label'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Label'),navigator.clipboard.writeText('No Label')},children:"Copy code"})]})]})})]})},ew=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom Icons'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons\n'),navigator.clipboard.writeText('\n Custom Icons\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons'),navigator.clipboard.writeText('Custom Icons')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom Icons+ Emphasis'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n Custom Icons+ Emphasis\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n \n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Custom Icons+ Emphasis\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Custom Icons+ Emphasis\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom Icons+ Emphasis\n'),navigator.clipboard.writeText('\n Custom Icons+ Emphasis\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/switch/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom Icons+ Emphasis'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom Icons+ Emphasis'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom Icons+ Emphasis'),navigator.clipboard.writeText('Custom Icons+ Emphasis')},children:"Copy code"})]})]})})]})},ek=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},ey=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eC=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Readonly - Filled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Readonly - Filled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Readonly - Filled'),navigator.clipboard.writeText('Readonly - Filled')},children:"Copy code"})]})]})})]})},eI=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Required'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Required'),navigator.clipboard.writeText('Required')},children:"Copy code"})]})]})})]})},eL=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) 4 Rows\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) 4 Rows\n'),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    '),navigator.clipboard.writeText('
    \n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\n eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam\n voluptua.\n \n \n TODO: Add a validMessage\n \n \n TODO: Add an invalidMessage\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Custom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Custom\n'),navigator.clipboard.writeText('\n Custom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/textarea/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Custom'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Custom'),navigator.clipboard.writeText('Custom')},children:"Copy code"})]})]})})]})},eH=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    functional

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    regular (Default)

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n regular (Default)\n'),navigator.clipboard.writeText('\n regular (Default)\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    expressive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Docked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    (Default) Docked

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Docked\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Docked\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Docked\n'),navigator.clipboard.writeText('\n (Default) Docked\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Standalone\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Standalone

    \n \n Close Button\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Standalone\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Standalone\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Standalone\n'),navigator.clipboard.writeText('\n Standalone\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Overlay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n'),navigator.clipboard.writeText('\n
    Headline
    \n

    Overlay

    \n 10 min ago\n \n Close Button\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Overlay\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Overlay\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Overlay\n'),navigator.clipboard.writeText('\n Overlay\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    (Default) Adaptive

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Adaptive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Adaptive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Adaptive\n'),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Neutral

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Critical

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Informational

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Successful

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n
    Headline
    \n

    Warning

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Permanent'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n

    (Default) Permanent

    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n

    (Default) Permanent

    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    (Default) Permanent

    \n
    '),navigator.clipboard.writeText('
    \n

    (Default) Permanent

    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Permanent'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Permanent'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Permanent'),navigator.clipboard.writeText('(Default) Permanent')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Closeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n

    Closeable

    \n \n Close Button\n \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n

    Closeable

    \n \n Close Button\n \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n

    Closeable

    \n \n Close Button\n \n
    '),navigator.clipboard.writeText('
    \n

    Closeable

    \n \n Close Button\n \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Closeable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Closeable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Closeable'),navigator.clipboard.writeText('Closeable')},children:"Copy code"})]})]})})]})},eP=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text'),navigator.clipboard.writeText('Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eA=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Block\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Block\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Block\n'),navigator.clipboard.writeText('\n Text & Textlink Block\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Block'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Block'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Block'),navigator.clipboard.writeText('Text & Textlink Block')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Textlink Inline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Textlink Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Textlink Inline\n'),navigator.clipboard.writeText('\n Text & Textlink Inline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Textlink Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Textlink Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Textlink Inline'),navigator.clipboard.writeText('Text & Textlink Inline')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Textlink Inline & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Icon & Headline & Textlink Inline & Cloaseable'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Icon & Headline & Textlink Inline & Cloaseable'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Icon & Headline & Textlink Inline & Cloaseable'),navigator.clipboard.writeText('Text & Icon & Headline & Textlink Inline & Cloaseable')},children:"Copy code"})]})]})})]})},eO=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text\n'),navigator.clipboard.writeText('\n Text\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon\n'),navigator.clipboard.writeText('\n Text & Icon\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Preview Image\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Preview Image\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Preview Image\n'),navigator.clipboard.writeText('\n Text & Preview Image\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text & Preview Image'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text & Preview Image'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text & Preview Image'),navigator.clipboard.writeText('Text & Preview Image')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline\n'),navigator.clipboard.writeText('\n Text & Headline\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed\n'),navigator.clipboard.writeText('\n Text & Timed\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/notification/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text & Icon & Headline & Timed & Cloaseable\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text & Icon & Headline & Timed & Cloaseable\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text & Icon & Headline & Timed & Cloaseable\n'),navigator.clipboard.writeText('\n Text & Icon & Headline & Timed & Cloaseable\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eE=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Weak'),navigator.clipboard.writeText('(Default) Weak')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Strong\n'),navigator.clipboard.writeText('\n Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},eF=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral\n'),navigator.clipboard.writeText('\n Neutral\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Neutral'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical\n'),navigator.clipboard.writeText('\n Critical\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Critical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational\n'),navigator.clipboard.writeText('\n Informational\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Informational'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful\n'),navigator.clipboard.writeText('\n Successful\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Successful'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning\n'),navigator.clipboard.writeText('\n Warning\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Warning'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Adaptive Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Adaptive Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Adaptive Strong\n'),navigator.clipboard.writeText('\n Adaptive Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Small"),navigator.clipboard.writeText("(Default) Small")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},ez=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Text - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Text - Medium\n'),navigator.clipboard.writeText('\n (Default) Text - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text - Medium'),navigator.clipboard.writeText('(Default) Text - Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Dot - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Dot - Small"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Dot - Small"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Dot - Small"),navigator.clipboard.writeText("Dot - Small")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Dot - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Small'),navigator.clipboard.writeText('Dot - Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Dot - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Dot - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Dot - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Dot - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Dot - Medium\n'),navigator.clipboard.writeText('\n Dot - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Dot - Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Dot - Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Dot - Medium'),navigator.clipboard.writeText('Dot - Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Icon - Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Icon - Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Icon - Small'),navigator.clipboard.writeText('Icon - Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Icon - Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Icon - Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Icon - Medium\n'),navigator.clipboard.writeText('\n Icon - Medium\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Inline\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Inline\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Inline\n'),navigator.clipboard.writeText('\n (Default) Inline\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Inline'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Inline'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Inline'),navigator.clipboard.writeText('(Default) Inline')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Left\n'),navigator.clipboard.writeText('\n Corner - Top - Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Left'),navigator.clipboard.writeText('Corner - Top - Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Left\n'),navigator.clipboard.writeText('\n Corner - Center - Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Left'),navigator.clipboard.writeText('Corner - Center - Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Left\n'),navigator.clipboard.writeText('\n Corner - Bottom- Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Left'),navigator.clipboard.writeText('Corner - Bottom- Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Top - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Top - Right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Top - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Top - Right\n'),navigator.clipboard.writeText('\n Corner - Top - Right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Top - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Top - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Top - Right'),navigator.clipboard.writeText('Corner - Top - Right')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Center - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Center - Right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Center - Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Center - Right\n'),navigator.clipboard.writeText('\n Corner - Center - Right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Center - Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Center - Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Center - Right'),navigator.clipboard.writeText('Corner - Center - Right')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Corner - Bottom- Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Corner - Bottom- Right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Corner - Bottom- Right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Corner - Bottom- Right\n'),navigator.clipboard.writeText('\n Corner - Bottom- Right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Corner - Bottom- Right'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Corner - Bottom- Right'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Corner - Bottom- Right'),navigator.clipboard.writeText('Corner - Bottom- Right')},children:"Copy code"})]})]})})]})},eq=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsx)(C.Fragment,{children:(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/badge/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Numbers'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Numbers'),navigator.clipboard.writeText('Numbers')},children:"Copy code"})]})]})})})},eU=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Functional
    '),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Regular
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Regular
    '),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    Expressive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    Expressive
    '),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    functional
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    functional
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    functional
    '),navigator.clipboard.writeText('
    functional
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("functional"),navigator.clipboard.writeText("functional")},children:"Copy code"})]})]})})]})},eJ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Level 1 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Level 1 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Level 1 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Level 1 - Adaptive'),navigator.clipboard.writeText('(Default) Level 1 - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Level 2 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 2 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 2 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 2 - Adaptive'),navigator.clipboard.writeText('Level 2 - Adaptive')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Level 3 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Level 3 - Adaptive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Level 3 - Adaptive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Level 3 - Adaptive'),navigator.clipboard.writeText('Level 3 - Adaptive')},children:"Copy code"})]})]})})]})},eG=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Small\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n (Default) Small\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n (Default) Small\n
    '),navigator.clipboard.writeText('
    \n (Default) Small\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Small'),navigator.clipboard.writeText('(Default) Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'No Spacing'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n No Spacing\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n No Spacing\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n No Spacing\n
    '),navigator.clipboard.writeText('
    \n No Spacing\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Spacing'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Spacing'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Spacing'),navigator.clipboard.writeText('No Spacing')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Medium\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Medium\n
    '),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})})]})},eY=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Non interactive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    (Default) Non interactive
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    (Default) Non interactive
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    (Default) Non interactive
    '),navigator.clipboard.writeText('
    (Default) Non interactive
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Non interactive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Non interactive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Non interactive"),navigator.clipboard.writeText("(Default) Non interactive")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Interactive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n Interactive\n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n Interactive\n
    '),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Interactive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Interactive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Interactive'),navigator.clipboard.writeText('Interactive')},children:"Copy code"})]})]})})]})},e$=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 1 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 1 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 1 - Interactive\n'),navigator.clipboard.writeText('\n Level 1 - Interactive\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 2 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 2 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 2 - Interactive\n'),navigator.clipboard.writeText('\n Level 2 - Interactive\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/card/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Level 3 - Interactive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Level 3 - Interactive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Level 3 - Interactive\n'),navigator.clipboard.writeText('\n Level 3 - Interactive\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},eQ=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive - Horizontal"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Adaptive - Horizontal"),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Adaptive - Vertical'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Adaptive - Vertical'),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy code"})]})]})})]})},eX=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    '),navigator.clipboard.writeText('
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/divider/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Strong'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]})]})})]})},e0=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n functional\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n'),navigator.clipboard.writeText('\n functional\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    functional
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n functional\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n functional\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n functional\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n functional\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n functional\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n functional\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n functional\n '),navigator.clipboard.writeText('\n functional\n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Regular (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n'),navigator.clipboard.writeText('\n Regular (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Regular (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Regular (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Regular (Default)\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Regular (Default)\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Regular (Default)\n '),navigator.clipboard.writeText('\n Regular (Default)\n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n expressive\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n'),navigator.clipboard.writeText('\n expressive\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    expressive
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n expressive\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n expressive\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n expressive\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n expressive\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n expressive\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n expressive\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n expressive\n '),navigator.clipboard.writeText('\n expressive\n ')},children:"Copy code"})]})]})})]})},e1=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n With padding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With padding (Default)\n'),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With padding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With padding (Default)'),navigator.clipboard.writeText('With padding (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n'),navigator.clipboard.writeText('\n Full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Full\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Full\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Full\n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Full\n '),navigator.clipboard.writeText('\n Full\n ')},children:"Copy code"})]})]})})]})},e2=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No rounding (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No rounding (Default)\n'),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No rounding (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No rounding (Default)'),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Rounded\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Rounded\n'),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Rounded\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Rounded\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Rounded'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Rounded'),navigator.clipboard.writeText('Rounded')},children:"Copy code"})]})]})})]})},e3=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Medium (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium (Default)\n'),navigator.clipboard.writeText('\n Medium (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Medium (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Medium (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium (Default)'),navigator.clipboard.writeText('Medium (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Small
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Small\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Large\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Large\n'),navigator.clipboard.writeText('\n Large\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Large
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Large\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Large\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Large\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Large\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    None
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n None\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'None'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'None'===t?"check":"copy",variant:"ghost",onClick:()=>{n('None'),navigator.clipboard.writeText('None')},children:"Copy code"})]})]})})]})},e9=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n With Backdrop (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n With Backdrop (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With Backdrop (Default)\n'),navigator.clipboard.writeText('\n With Backdrop (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With Backdrop (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With Backdrop (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With Backdrop (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Backdrop (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Backdrop (Default)'),navigator.clipboard.writeText('With Backdrop (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Backdrop-weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Backdrop-weak\n'),navigator.clipboard.writeText('\n Backdrop-weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Backdrop-weak
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Backdrop-weak\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Backdrop-weak'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Backdrop-weak'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Backdrop-weak'),navigator.clipboard.writeText('Backdrop-weak')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No Backdrop\n'),navigator.clipboard.writeText('\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No Backdrop
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n No Backdrop\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n No Backdrop\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n No Backdrop\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'No Backdrop'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'No Backdrop'===t?"check":"copy",variant:"ghost",onClick:()=>{n('No Backdrop'),navigator.clipboard.writeText('No Backdrop')},children:"Copy code"})]})]})})]})},e4=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Right (Default)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Right (Default)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Right (Default)\n'),navigator.clipboard.writeText('\n Right (Default)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Right (Default)
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:" {\n setOpen(false)\n }}\n>\n Right (Default)\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n(" {\n setOpen(false)\n }}\n>\n Right (Default)\n"),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Right (Default)\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Right (Default)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Right (Default)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Right (Default)'),navigator.clipboard.writeText('Right (Default)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Left
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Left\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Left'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Left'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Left'),navigator.clipboard.writeText('Left')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Up\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Up\n'),navigator.clipboard.writeText('\n Up\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Up
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Up\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Up\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Up\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Up\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Up'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Up'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Up'),navigator.clipboard.writeText('Up')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Down\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Down\n'),navigator.clipboard.writeText('\n Down\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    '),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Down
    \n
    \n    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Down\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:' {\n setOpen(false)\n }}\n>\n Down\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n(' {\n setOpen(false)\n }}\n>\n Down\n'),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Down\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/drawer/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Down'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Down'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Down'),navigator.clipboard.writeText('Down')},children:"Copy code"})]})]})})]})},e6=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n functionalfunctional disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n functional\n \n \n functional disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n functional\n \n \n functional disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Regular (Default)Regular (Default) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n expressiveexpressive disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n expressive\n \n \n expressive disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n expressive\n \n \n expressive disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e8=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n brand=\n {\n \n DBHeader\n \n }\n metaNavigation=\n {\n <>\n Imprint\n Help\n \n }\n primaryAction=\n {\n \n Search\n \n }\n secondaryAction=\n {\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e5=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n Desktop (full width)Desktop (full width) disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Desktop (full width)\n \n \n Desktop (full width) disabled\n \n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n MobileMobile disabled\n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n \n     \n
    \n \n Imprint\n \n \n Help\n \n
    \n
    \n
    \n
    \n \n \n DBHeader\n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n \n \n Notification\n \n \n Help\n \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n'),navigator.clipboard.writeText('\n DBHeader\n \n }\n metaNavigation={\n <>\n Imprint\n Help\n \n }\n primaryAction={\n \n Search\n \n }\n secondaryAction={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n>\n \n \n Mobile\n \n \n Mobile disabled\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n '),navigator.clipboard.writeText('\n \n \n \n \n\n \n \n Mobile\n \n \n Mobile disabled\n \n \n ')},children:"Copy code"})]})]})})]})},e7=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'With Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n With Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    With Application Name + Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n With Application Name + Navigation\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n With Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n With Application Name + Navigation\n"),navigator.clipboard.writeText("\n With Application Name + Navigation\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With Application Name + Navigation'),navigator.clipboard.writeText('With Application Name + Navigation')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Without Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Navigation
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Without Navigation\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Without Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Navigation\n"),navigator.clipboard.writeText("\n Without Navigation\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Without Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Navigation'),navigator.clipboard.writeText('Without Navigation')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Without Application Name'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    Without Application Name
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name\n"),navigator.clipboard.writeText("\n Without Application Name\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name'),navigator.clipboard.writeText('Without Application Name')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Without Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    '),navigator.clipboard.writeText('
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n     \n
    \n
    \n
    \n
    \n
    \n Without Application Name + Navigation\n
    \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n
    \n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"\n Without Application Name + Navigation\n"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"\n Without Application Name + Navigation\n"===t?"check":"copy",variant:"ghost",onClick:()=>{n("\n Without Application Name + Navigation\n"),navigator.clipboard.writeText("\n Without Application Name + Navigation\n")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/header/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Without Application Name + Navigation'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Without Application Name + Navigation'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Without Application Name + Navigation'),navigator.clipboard.writeText('Without Application Name + Navigation')},children:"Copy code"})]})]})})]})},at=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},an=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Full
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Full
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Full"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Full"),navigator.clipboard.writeText("(Default) Full")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Medium'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Medium'),navigator.clipboard.writeText('Medium')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})})]})},ae=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Medium
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Medium
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Large
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Large
    \n
    '),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Large'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Large'),navigator.clipboard.writeText('Large')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Small
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Small
    \n
    '),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/section/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Small'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]})]})})]})},aa=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n'),navigator.clipboard.writeText('\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:''})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:''===t?"check":"copy",variant:"ghost",onClick:()=>{n(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n'),navigator.clipboard.writeText('\n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n '),navigator.clipboard.writeText('\n \n Navi-Item 1\n \n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n ')},children:"Copy code"})]})]})})]})},ai=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Functional"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Functional"),navigator.clipboard.writeText("Functional")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Regular"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Regular"),navigator.clipboard.writeText("(Default) Regular")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Expressive"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Expressive"),navigator.clipboard.writeText("Expressive")},children:"Copy code"})]})]})})]})},ao=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"Enabled (Default)/Hover/Pressed"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Enabled (Default)/Hover/Pressed"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Enabled (Default)/Hover/Pressed"),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Active"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Active"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Active"),navigator.clipboard.writeText("Active")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Active'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Active'),navigator.clipboard.writeText('Active')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"undefined"===t?"check":"copy",variant:"ghost",onClick:()=>{n("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Disabled"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Disabled'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Disabled'),navigator.clipboard.writeText('Disabled')},children:"Copy code"})]})]})})]})},al=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Leading)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Leading)'),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icons (Leading, Chevron)\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Text - Icons (Leading, Chevron)\n'),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icons (Leading, Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icons (Leading, Chevron)'),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"Text - Icon (Chevron)"===t?"check":"copy",variant:"ghost",onClick:()=>{n("Text - Icon (Chevron)"),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Text - Icon (Chevron)'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Text - Icon (Chevron)'),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy code"})]})]})})]})},ar=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:"(Default) Auto"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto"===t?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto"),navigator.clipboard.writeText("(Default) Auto")},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/navigation-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Full'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Full'),navigator.clipboard.writeText('Full')},children:"Copy code"})]})]})})]})},ac=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Functional
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Functional
    \n
    '),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Functional'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Regular
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Regular
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    Expressive
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    Expressive
    \n
    '),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'Expressive'===t?"check":"copy",variant:"ghost",onClick:()=>{n('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]})]})})]})},as=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) Small\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) Small\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Small\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Small\n'),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Medium\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Medium\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Medium\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Medium\n'),navigator.clipboard.writeText('\n Medium\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n None\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n None\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n None\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n None\n'),navigator.clipboard.writeText('\n None\n')},children:"Copy code"})]})]})})]})},ad=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-start\n'),navigator.clipboard.writeText('\n bottom-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) bottom\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n (Default) bottom\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n (Default) bottom\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n (Default) bottom\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) bottom\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) bottom\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) bottom\n'),navigator.clipboard.writeText('\n (Default) bottom\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n bottom-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n bottom-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n bottom-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n bottom-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n bottom-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n bottom-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n bottom-end\n'),navigator.clipboard.writeText('\n bottom-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-start\n'),navigator.clipboard.writeText('\n left-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left\n'),navigator.clipboard.writeText('\n left\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n left-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n left-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n left-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n left-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n left-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n left-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n left-end\n'),navigator.clipboard.writeText('\n left-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-start\n'),navigator.clipboard.writeText('\n right-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right\n'),navigator.clipboard.writeText('\n right\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n right-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n right-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n right-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n right-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n right-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n right-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n right-end\n'),navigator.clipboard.writeText('\n right-end\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-start\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-start\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-start\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-start\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-start\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-start\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-start\n'),navigator.clipboard.writeText('\n top-start\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top\n'),navigator.clipboard.writeText('\n top\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n top-end\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n top-end\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n top-end\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n top-end\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n top-end\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n top-end\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n top-end\n'),navigator.clipboard.writeText('\n top-end\n')},children:"Copy code"})]})]})})]})},ab=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) No gap
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) No gap
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) No gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) No gap'),navigator.clipboard.writeText('(Default) No gap')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n With gap\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n With gap\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n With gap\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n With gap\n'),navigator.clipboard.writeText('\n With gap\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'With gap'===t?"check":"copy",variant:"ghost",onClick:()=>{n('With gap'),navigator.clipboard.writeText('With gap')},children:"Copy code"})]})]})})]})},ah=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'(Default) Animation no delay'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Animation no delay
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    (Default) Animation no delay
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    (Default) Animation no delay
    \n
    '),navigator.clipboard.writeText('
    \n
    (Default) Animation no delay
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'(Default) Animation no delay'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'(Default) Animation no delay'===t?"check":"copy",variant:"ghost",onClick:()=>{n('(Default) Animation no delay'),navigator.clipboard.writeText('(Default) Animation no delay')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay slow\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay slow\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay slow\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay slow\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay slow\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay slow\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay slow\n'),navigator.clipboard.writeText('\n Delay slow\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Delay fast\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n Delay fast\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n Delay fast\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n Delay fast\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Delay fast\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Delay fast\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Delay fast\n'),navigator.clipboard.writeText('\n Delay fast\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n No animation\n
    \n
    '})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'
    \n
    \n No animation\n
    \n
    '===t?"check":"copy",variant:"ghost",onClick:()=>{n('
    \n
    \n No animation\n
    \n
    '),navigator.clipboard.writeText('
    \n
    \n No animation\n
    \n
    ')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n No animation\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n No animation\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n No animation\n'),navigator.clipboard.writeText('\n No animation\n')},children:"Copy code"})]})]})})]})},au=()=>{let[t,n]=(0,L.useState)();return(0,L.useEffect)(()=>{t&&setTimeout(()=>n(""),1500)},[t]),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    (Default) Auto
    \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    (Default) Auto
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    (Default) Auto
    \n'),navigator.clipboard.writeText('\n
    (Default) Auto
    \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Auto\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n (Default) Auto\n'),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy code"})]})]})}),(0,C.jsx)(H.Z,{className:"tab-container",children:(0,C.jsxs)(tm.Z,{children:[(0,C.jsxs)(tx.Z,{children:[(0,C.jsx)(tg.Z,{children:"Angular"}),(0,C.jsx)(tg.Z,{children:"HTML"}),(0,C.jsx)(tg.Z,{children:"React"}),(0,C.jsx)(tg.Z,{children:"Vue"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=angular",children:"How to use this in angular"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=html",children:"How to use this in html"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-html",children:'\n
    \n Fixed\n
    \n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n
    \n Fixed\n
    \n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n
    \n Fixed\n
    \n'),navigator.clipboard.writeText('\n
    \n Fixed\n
    \n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=react",children:"How to use this in react"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]}),(0,C.jsxs)(tv.Z,{children:[(0,C.jsx)(_.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/popover/how-to-use?current=vue",children:"How to use this in vue"}),(0,C.jsx)("pre",{children:(0,C.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,C.jsx)(I.Z,{className:"copy-button",noText:!0,icon:'\n Fixed\n'===t?"check":"copy",variant:"ghost",onClick:()=>{n('\n Fixed\n'),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy code"})]})]})})]})},ap=JSON.parse('[{"label":"Action","name":"action","path":"/components/action","subNavigation":[{"label":"DBButton","name":"button"},{"label":"DBLink","name":"link"}]},{"label":"Data-Display","path":"/components/data-display","name":"data-display","subNavigation":[{"label":"DBBrand","name":"brand"},{"label":"DBTooltip","name":"tooltip"},{"label":"DBInfotext","name":"infotext"},{"label":"DBTag","name":"tag"},{"label":"DBAccordion","name":"accordion","subNavigation":[{"label":"DBAccordionItem Properties","path":"/components/accordion-item/properties"}]},{"label":"DBAccordionItem","name":"accordion-item","isHiddenInMenu":true},{"label":"DBTabs","name":"tabs","subNavigation":[{"label":"DBTabItem Properties","path":"/components/tab-item/properties"}]},{"label":"DBTabItem","name":"tab-item","isHiddenInMenu":true}]},{"label":"Data-Input","path":"/components/data-input","name":"data-input","subNavigation":[{"label":"DBCheckbox","name":"checkbox"},{"label":"DBInput","name":"input"},{"label":"DBRadio","name":"radio"},{"label":"DBSelect","name":"select"},{"label":"DBSwitch","name":"switch"},{"label":"DBTextarea","name":"textarea"}]},{"label":"Feedback","path":"/components/feedback","name":"feedback","subNavigation":[{"label":"DBNotification","name":"notification"},{"label":"DBBadge","name":"badge"}]},{"label":"Layout","path":"/components/layout","name":"layout","subNavigation":[{"label":"DBCard","name":"card"},{"label":"DBDivider","name":"divider"},{"label":"DBDrawer","name":"drawer"},{"label":"DBHeader","name":"header"},{"label":"DBSection","name":"section"}]},{"label":"Navigation","path":"/components/navigation","name":"navigation","subNavigation":[{"label":"DBNavigation","name":"navigation","subNavigation":[{"label":"DBNavigationItem Properties","path":"/components/navigation-item/properties"}]},{"label":"DBNavigationItem","name":"navigation-item","isHiddenInMenu":true}]},{"label":"Utilities","path":"/components/utilities","name":"utilities","subNavigation":[{"label":"DBPopover","name":"popover"}]}]');let am={button:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBButton",variants:z(V,W,t.slotCode)}),{slotCode:a}),link:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBLink",variants:z(q,U,t.slotCode)}),{slotCode:i}),brand:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBBrand",variants:z(te,ti,t.slotCode)}),{slotCode:r}),tooltip:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBTooltip",variants:z(tl,tr,t.slotCode)}),{slotCode:c}),infotext:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBInfotext",variants:z(tc,ts,t.slotCode)}),{slotCode:s}),tag:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBTag",variants:z(tu,tp,t.slotCode)}),{slotCode:d}),accordion:(0,C.jsx)(t=>(0,C.jsx)("div",{children:(0,C.jsx)(F,{title:"DBAccordion",subComponent:t.subComponent,variants:z($,K,t.slotCode)})}),{slotCode:o,subComponent:(0,C.jsx)(tt,{isSubComponent:!0,componentName:"accordion-item",slotCode:l})}),"accordion-item":(0,C.jsx)(tt,{slotCode:l}),tabs:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBTabs",subComponent:t.subComponent,variants:z(tD,tB,t.slotCode)}),{slotCode:b,subComponent:(0,C.jsx)(tT,{isSubComponent:!0,componentName:"tab-item",slotCode:h})}),"tab-item":(0,C.jsx)(tT,{slotCode:h}),checkbox:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBCheckbox",variants:z(tw,tk,t.slotCode)}),{slotCode:u}),input:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBInput",variants:z(tZ,tN,t.slotCode)}),{slotCode:p}),radio:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBRadio",variants:z(tC,tI,t.slotCode)}),{slotCode:m}),select:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBSelect",variants:z(tH,tS,t.slotCode)}),{slotCode:x}),switch:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBSwitch",variants:z(tR,tP,t.slotCode)}),{slotCode:g}),textarea:(0,C.jsx)(t=>(0,C.jsx)(C.Fragment,{children:(0,C.jsx)(F,{title:"DBTextarea",variants:z(tO,tM,t.slotCode)})}),{slotCode:v}),notification:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBNotification",variants:z(tF,tW,t.slotCode)}),{slotCode:D}),badge:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBBadge",variants:z(tJ,tG,t.slotCode)}),{slotCode:B}),card:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBCard",variants:z(tY,t$,t.slotCode)}),{slotCode:j}),divider:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBDivider",variants:z(tK,tQ,t.slotCode)}),{slotCode:f}),drawer:(0,C.jsx)(t=>{let[n,e]=(0,L.useState)(void 0);return(0,C.jsx)(F,{title:"DBDrawer",variants:z(t0,t=>t1({...t,openDrawer:n,setOpenDrawer:e}),t.slotCode)})},{slotCode:T}),header:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBHeader",variants:z(t4,t6,t.slotCode)}),{slotCode:w}),section:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBSection",variants:z(t5,t7,t.slotCode)}),{slotCode:k}),navigation:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBNavigation",subComponent:t.subComponent,variants:z(nt,nn,t.slotCode)}),{slotCode:y,subComponent:(0,C.jsx)(ni,{isSubComponent:!0,componentName:"navigation-item",slotCode:Z})}),"navigation-item":(0,C.jsx)(ni,{slotCode:Z}),popover:(0,C.jsx)(t=>(0,C.jsx)(F,{title:"DBPopover",variants:z(nl,nr,t.slotCode)}),{slotCode:N})},ax=ap.map(t=>{var n;return{...t,subNavigation:null===(n=t.subNavigation)||void 0===n?void 0:n.map(t=>({...t,component:t.name?am[t.name]:void 0}))}}),ag=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Densities",path:"/foundations/densities",subNavigation:[{label:"Readme",path:"/foundations/densities/readme"},{label:"Examples",path:"/foundations/densities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},{label:"Validation",path:"/components/validation"},...ax.map(t=>{var n;return{...t,subNavigation:null==t?void 0:null===(n=t.subNavigation)||void 0===n?void 0:n.map(n=>{var e;return{label:n.label,path:"/components/".concat(t.name,"/").concat(n.name),isHiddenInMenu:n.isHiddenInMenu,subNavigation:[{label:"Overview",path:"/components/".concat(t.name,"/").concat(n.name,"/overview")},{label:"Properties",path:"/components/".concat(t.name,"/").concat(n.name,"/properties")},{label:"How to use",path:"/components/".concat(t.name,"/").concat(n.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(t.name,"/").concat(n.name,"/migration")},...null!==(e=n.subNavigation)&&void 0!==e?e:[]]}})}})]}],av=(t,n,e,a)=>{for(let o of t){var i;n.push(e?o:{...o,label:a?"".concat(a,":").concat(o.label):o.label}),o.subNavigation&&(null===(i=o.subNavigation)||void 0===i?void 0:i.length)>0&&av(o.subNavigation,n,e,e?void 0:o.label)}},aD=t=>{let n=[];return av(ag,n,t),n},aB=t=>{let n=aD().filter(t=>!t.subNavigation),e=n.findIndex(n=>n.path===t);return{previous:0===e?void 0:n[e-1],next:e+1===n.length?void 0:n[e+1]}},aj=t=>aD(!0).filter(n=>{var e;return t.includes(null!==(e=n.path)&&void 0!==e?e:"")}),af=()=>ax.filter(t=>{let{name:n}=t;return!!n}).map(t=>{let{name:n}=t;return n})}}]); \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/_next/static/2GjHt8bcFwmZ0kYiQXlb5/_buildManifest.js b/review/fix-a11y-form-component-ids/_next/static/rf5OteD_asBoxhQ6QMzjo/_buildManifest.js similarity index 99% rename from review/fix-a11y-form-component-ids/_next/static/2GjHt8bcFwmZ0kYiQXlb5/_buildManifest.js rename to review/fix-a11y-form-component-ids/_next/static/rf5OteD_asBoxhQ6QMzjo/_buildManifest.js index 33c57fd84f6..47305f9af13 100644 --- a/review/fix-a11y-form-component-ids/_next/static/2GjHt8bcFwmZ0kYiQXlb5/_buildManifest.js +++ b/review/fix-a11y-form-component-ids/_next/static/rf5OteD_asBoxhQ6QMzjo/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,t,s,n,c,a){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[t,n,o,s,"static/chunks/pages/index-8900efcea28b5a1d.js"],"/404":["static/chunks/pages/404-e53a0ff2c98c4a8e.js"],"/_error":["static/chunks/pages/_error-63a85f35faef16c8.js"],"/base64":[c,"static/chunks/pages/base64-ec6464921410fa44.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-822e141a9cfb42ae.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-d75d1e76e30a9ca1.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-4eb0b379a0ae1329.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-b572244cd4cc651c.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-7e0885da6ad7baa3.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-2d7046b4a5eed3b9.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-8975516cd60c194f.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-10968750830467b8.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-c9594b151b21a904.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-0f6d17086f86f856.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-4028f65357300c4d.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-a2d6724c4d612ced.js"],"/components/action/button/docs/Migration":[a,"static/chunks/pages/components/action/button/docs/Migration-de12f9bfae989f6d.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-fa3108e7885a902b.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-814c1072c56d2365.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-018b95f538741377.js"],"/components/action/button/migration":[t,n,o,s,a,"static/chunks/pages/components/action/button/migration-d1d3c120de77a020.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-04600e3c7b15e99f.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-88b822afae04dcfe.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-585ecf7c5a2b5d2c.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-9a028984eae629e2.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-90ff1fa3d6acc809.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-54b8337ed41b0531.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-016b6169715cd2a6.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-623fa4a230820e47.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-cd72778d31955ada.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-029844cd325fb7c3.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-206c2531a55a0fae.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-8f86491812229de1.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-9a6957f8312b9831.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-e76a7215055cc388.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-0874c94a7f543667.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-32e825f03114c116.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-85f5668e366b3fbd.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-b9dad4df7573a383.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-981f693c62cfca04.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-922b4898836f8ac3.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-96f8c4a287887b56.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-6a1f7d4c9daa3732.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-d28d330df84f1775.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-888820dab3d70594.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-2a371dd892fed46f.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-5f27b4b48a986ca5.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-977e7768a2d19193.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-476470dd06cdba7c.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-c7c97a6c8bdb5c26.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-0cd739c15517b211.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-78ff511cb440b155.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-6b62b6b8b3b4beee.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-9e95fc808136a635.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-8b7e50642e979fd1.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-ef509dbecbda0971.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-2a262b02e19ac0a9.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-d946deffc8dc4cec.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-d22472fd46c10bab.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-4a56fdcf679c94a4.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-c66c8b4f5f5667b9.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-46882ee6eacb06bd.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-781783d07fa37446.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-c69a5c3fd183c6a3.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-8ab10d6a52e0aa47.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-1ebe7c715cfdb395.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-22f1e758e9e550fe.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-b4a6cf3887aca585.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-eb3fa5a2beab8093.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-71734c0f66b96b30.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-df8c2d864e70635f.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-6e89b998acf88afe.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-fb93107bbf302227.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-c6dca77423d8934a.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-3cc61d116bb07afa.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-1a60720cf9f75b16.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-aa20d89db782bcc3.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-23d8a63915c3430b.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-70b1b4c2dbc0b221.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-c059728eec11ee9f.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-c9811fc1a84605ea.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-39c38079e4ab274d.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-0912b71676475416.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-06fac478932689cf.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-fdc734c5f3d763ef.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-a5611d17cf777dc6.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-b9b82a7d47db7d35.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-087b40e544e806dd.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-db6420389a7d5e76.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-03583a02506c8e19.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-4b010ed96dd5a080.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-5ec24822bbfa264c.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-1875c77a1c69b8fe.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-f05a9444c0e3a389.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-b64f393e7eb5ca41.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-8ba6327f878731e7.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-c3159aee53042cd0.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-4c577e4f24dce766.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-6298e2144cc7f4dc.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-c2f34f013aa5c8a3.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-ebb75402fd6e5f86.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-c4b4e9e75108cf76.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-9916172515f771de.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-bfa75950a31cfc2b.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-26578addbadffd69.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-30d35961860d08b5.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-4815931227dd5867.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-7c72756eb05c7a34.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-685cb74255c8e177.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-09398e315d9cfc03.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-d0e028382a423362.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-9c060e4f20a5b345.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-77b8e294ab7ebc08.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-e2a1b6b0aead6570.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-c90cc957fff8b261.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-42ad5cb7ec321e50.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-a4549c5c649be60e.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-5cfab6d1f427c81d.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-589889f8aa652d80.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-2bba3f76e2ab1c6f.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-d601a7dd1f462396.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-5b5fbf98c1e31652.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-cc769552afb95633.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-4372851b86680dea.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-269dc6c07c89cd50.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-2315ecd476eda41e.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-f2a26688551724fd.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-4b17b97627517ec2.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-4b2d1fc96e03e148.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-d522d00ca1161541.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-af23aaebfffb5f53.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-5844c0407e8f67ad.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-fb1a17bac240beee.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-58f8a08fbfee28a9.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-78fd5d7442c7f5ef.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-63c7b1ae5c8b41cc.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-7714f473e4dacdb2.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-75cc03fae63075bc.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-3927e58a1c91eed4.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-1b266200808b5a7c.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-85e40d3b2754ed97.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-238336dcd0cd2b39.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-67725e9e59ea9311.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-16e10a9690abf1ad.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-ae1766578d646e6e.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-14b28bda5a84fbc0.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-dadad2e49cb59204.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-11314f81861ad40f.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-32cd208ef7293d49.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-e25952ed13dd9a17.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-d7e2ea584a7eea4f.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-c917059951c61eda.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-b9ab339d9ffb53b4.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-b2bf95b8e93c8329.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-62a9c0033d839d0c.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-26e68035d91435c0.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-a42c5c52f7afd22b.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-a3f5d0e1041c2d3e.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-59c65831e54b0d62.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-a453bd54d013a07f.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-8b17827186412a2c.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-1bf1c4f265dd9820.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-3077bd4067913d00.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-a0113e7cfc3d6f79.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-1131fdeeba327661.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-e59d1db8c6b7687f.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-7a0dab804bb52fa2.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-5a4271b1183b121a.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-997a757d34a65236.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-fbe2a5f0897252d8.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-2655d5d7f99c8b52.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-1c93a87c7bc1fe17.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-13bd78b18b0dc7e7.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-119aea85e63677ec.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-33879581bf0352bc.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-44c40960c4ef0a09.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-838935f70f7c5a54.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-f27bb9822ad056aa.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-f592b2d8dc04b68a.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-69cff9907b5f57d3.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-00639e84f062b048.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-4f15c06731f30ae4.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-d43704be6f666163.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-b3df8d6eeef8e75f.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-94c7c4d28a246e96.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-9ebed885276ea656.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-b94837d20917b126.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-c6c6857b3c817139.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-73cd9b6fcc38de55.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-fbb9d1ada91f82f2.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-5737639d52560be4.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-5ae3b28ac9f4cbfd.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-a28dba03e8d89d25.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-1e8d4e2dffde2e21.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-64a8bad5db01ae53.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-5f5feeb4f43aac37.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-0f1f331ad7aefcba.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-0463719342809833.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-4f8e567baef1b5f9.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-5598be0cd0ff14b9.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-d13e1441d280fc46.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-3dea25efb9a495f4.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-31e575a10f8a6b03.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-86fd296150698c6b.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-41665354d7240773.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-0e82818460cd1ef9.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-3eb86316f97ed5c2.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-8a13194cfafe3005.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-75cff6df9b9cd30f.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-a46a3c1b91c3fb91.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-97aa17ad3ca18531.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-606e156f840f9006.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-616cbf7c7322f19d.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-1dcc2fd2b064fb8e.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-933186520a97f631.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-393efe1afbb452ef.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-b5e2e7291b69fca9.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-40c3920af5fcb6c1.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-2c9b9b03e5ca4b91.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-3cbe954237551168.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-7183134ac52bafd6.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-b48080da39fabad5.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-c8ccbd82dd0dfef6.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-333186f64fa1eb7d.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-6638b7298130935b.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-72e5ba250d2ed185.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-fe938e2dc008fb17.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-b5c1e2023284ffe5.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-30985120f8f31785.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-dfba6ac266dea91c.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-f2bfe3357cf1a882.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-580ff45cf6a300c0.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-8af7810ce28520f1.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-7a64751a3ee009e4.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-0f0a3713767ff449.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-8ede2f4e2b18551e.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-488f8a4e24cd80a0.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-92a1a64c9396de7c.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-c175c8e79feac9e1.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-753485697fd2de7e.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-2c305248092408d6.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-2fda4c7c0fc07d25.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-5bfa9095544716c4.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-e62c0ff7756cb9ce.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-dc8f3e7a0e080cfd.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-c58f42b9cc25386d.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-b5280a8012a8d116.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-816833bae298df2c.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-56a85e88fe197e38.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-801a4a838e90990f.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-d83ac83d9637ab75.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-90310e027f9382ff.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-de733c33729b4d8d.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-6dc8af7cb5c77382.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-d255beb216a176cf.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-a8540aec777e9aa9.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-37083b4546c4a458.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-bb455c8acc5c3e44.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-fc52486efd2f280f.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-72d08ac1263e0040.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-b3762288cd44ff6a.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-69ac87575ff13479.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-9cde7e53c0510942.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-e00ecd1673615502.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-80b6d1a7ff24242b.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-39711c3f3df7dc88.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-15416c579ed716da.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-6c8daadfd1c6c13e.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-bcfd171fde347314.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c74bb5156e7430ec.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-16a520702130f1c8.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-f8edd6bb7f9b2305.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-f138621db96b4956.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-29fb62070196ef71.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-7b592e39ec5fa4bc.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-8a361f6b6d1cf421.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-7d5a39a0f849dc91.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-88d9d9a9df7270ab.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-78bdab85b4023b96.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-8a3f89c8c7f5ef5d.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-0811eb027e7ce8d2.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-3070b098b53c1137.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-93a8d9d66d4f9a2d.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-f21203d953aab63f.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-229f68a373b0ac78.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-220e429e847510ac.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-2a4a75497a646eb0.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-bcd2ae8d9c4b5e00.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-28acbc66f3a743f0.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-0f3ce6beb239f008.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-e659c26f4699be9a.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-7bb1c1440affe9f6.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-4601ba3db49e5db4.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-f221fdc76013049e.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-6af41040d2d5e37f.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-9b4e284d0dd4f0f9.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-a2df6363a74754dd.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-6247fba7179c9517.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-5ca8b35cb24afb34.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-3d344b676860c348.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-6a8489824f2b59a0.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-1a1e8806ce932c6a.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-22ea866c1aa1d8ae.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-1cd8d9936c34a753.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-8394a5afa441fc60.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-e50b5575b672c599.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-a7beb783bfd43c3b.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-a75fb82161c08e32.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-106161430d072e87.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-869a6d6c74e94409.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-f8d3e1f6ca12b2bb.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-620e6a54f3811628.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-3340b92db4dfbaf8.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-9dca8350764fea20.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-775ec21c1d55a974.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-cea7ad85cf89d771.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-5f3b585b7edb04cc.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-311ee31678188c5a.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-a7f11416b42f6daa.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-9bd507e3e80b0c1d.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-df51a0ca91ce52ca.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-ffc1a467746bc8cf.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-5f3168d9f577c85a.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-4620d94e9a22b174.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-2bbb52b6fee8aa2a.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-e30cce0ef4e168da.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-042d16e12f216c0e.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-88de3de8289fe0a1.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-756e827ca1932abe.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-88419eb7ba9136c4.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-49b047f65f9156ab.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-ca5d5520358cf235.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-d055f445db122184.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-166879b6ffcc23a2.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-52af2e81e2671c6c.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-4b1ac9ac768ae2ae.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-fd935104fb98cc3c.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-2f3a2f944bdec110.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-2c7f29b6505f61ed.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-c575dadc3025600a.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-a3f2f5f4efa5a0f5.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-04542237627af9bf.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-379fc7dcc3a9cbbd.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-ae95542881cbe7c2.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-56a6830bef8ac73c.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-137cad31276e1d14.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-c7b556e16b04856e.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-1225b6bf3e9676ca.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-c251bed1a53c7c6d.js"],"/foundations/colors/overview":[t,n,o,s,"static/chunks/pages/foundations/colors/overview-4f31aaf8a9e75223.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-8ef1e08291fbb227.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-91e0d13a2adf3b33.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-75c09557bd43d5ba.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-a47cd8acf7d6e14d.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-4f88eacf3359946d.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-a63e10bd79261739.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-1df1870609c7c1eb.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-c786fb729a8b9834.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-9a6b4fad2f8eb065.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-753558b4842feafd.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-0ec405d62a7b42f8.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-23b8947b50796d66.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-87a3f8248ce1bc14.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-d4aebff806218014.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-5422e9af30e94670.js"],"/iframe":[c,o,"static/chunks/pages/iframe-9111721c6f8d93b7.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/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-schemes","/foundations/colors/overview","/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/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/2182-82d7fda83a66829e.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-3504c51fb3959cae.js","static/chunks/1954-cd36998f79600282.js","static/chunks/8834-54f720ad76346f6e.js","static/chunks/9287-f4ff6310823f7198.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,t,s,n,c,a){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[t,n,o,s,"static/chunks/pages/index-8900efcea28b5a1d.js"],"/404":["static/chunks/pages/404-e53a0ff2c98c4a8e.js"],"/_error":["static/chunks/pages/_error-63a85f35faef16c8.js"],"/base64":[c,"static/chunks/pages/base64-ec6464921410fa44.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-822e141a9cfb42ae.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-d75d1e76e30a9ca1.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-4eb0b379a0ae1329.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-b572244cd4cc651c.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-7e0885da6ad7baa3.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-2d7046b4a5eed3b9.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-8975516cd60c194f.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-10968750830467b8.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-c9594b151b21a904.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-0f6d17086f86f856.js"],"/components/action/button/docs/Angular":["static/chunks/pages/components/action/button/docs/Angular-4028f65357300c4d.js"],"/components/action/button/docs/HTML":["static/chunks/pages/components/action/button/docs/HTML-a2d6724c4d612ced.js"],"/components/action/button/docs/Migration":[a,"static/chunks/pages/components/action/button/docs/Migration-de12f9bfae989f6d.js"],"/components/action/button/docs/React":["static/chunks/pages/components/action/button/docs/React-fa3108e7885a902b.js"],"/components/action/button/docs/Vue":["static/chunks/pages/components/action/button/docs/Vue-814c1072c56d2365.js"],"/components/action/button/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/button/how-to-use-018b95f538741377.js"],"/components/action/button/migration":[t,n,o,s,a,"static/chunks/pages/components/action/button/migration-d1d3c120de77a020.js"],"/components/action/button/properties":[t,n,o,s,"static/chunks/pages/components/action/button/properties-04600e3c7b15e99f.js"],"/components/action/link/docs/Angular":["static/chunks/pages/components/action/link/docs/Angular-88b822afae04dcfe.js"],"/components/action/link/docs/HTML":["static/chunks/pages/components/action/link/docs/HTML-585ecf7c5a2b5d2c.js"],"/components/action/link/docs/Migration":["static/chunks/pages/components/action/link/docs/Migration-9a028984eae629e2.js"],"/components/action/link/docs/React":["static/chunks/pages/components/action/link/docs/React-90ff1fa3d6acc809.js"],"/components/action/link/docs/Vue":["static/chunks/pages/components/action/link/docs/Vue-54b8337ed41b0531.js"],"/components/action/link/how-to-use":[t,n,o,s,"static/chunks/pages/components/action/link/how-to-use-016b6169715cd2a6.js"],"/components/action/link/migration":[t,n,o,s,"static/chunks/pages/components/action/link/migration-623fa4a230820e47.js"],"/components/action/link/properties":[t,n,o,s,"static/chunks/pages/components/action/link/properties-cd72778d31955ada.js"],"/components/badge/docs/Angular":[t,o,s,"static/chunks/pages/components/badge/docs/Angular-029844cd325fb7c3.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-206c2531a55a0fae.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-8f86491812229de1.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-9a6957f8312b9831.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-e76a7215055cc388.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-0874c94a7f543667.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-32e825f03114c116.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-85f5668e366b3fbd.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-b9dad4df7573a383.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-981f693c62cfca04.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-922b4898836f8ac3.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-96f8c4a287887b56.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-6a1f7d4c9daa3732.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-d28d330df84f1775.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-888820dab3d70594.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-2a371dd892fed46f.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-5f27b4b48a986ca5.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-977e7768a2d19193.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-476470dd06cdba7c.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-c7c97a6c8bdb5c26.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-0cd739c15517b211.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-78ff511cb440b155.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-6b62b6b8b3b4beee.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-9e95fc808136a635.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-8b7e50642e979fd1.js"],"/components/data-display/accordion/docs/Angular":["static/chunks/pages/components/data-display/accordion/docs/Angular-ef509dbecbda0971.js"],"/components/data-display/accordion/docs/HTML":["static/chunks/pages/components/data-display/accordion/docs/HTML-2a262b02e19ac0a9.js"],"/components/data-display/accordion/docs/Migration":["static/chunks/pages/components/data-display/accordion/docs/Migration-d946deffc8dc4cec.js"],"/components/data-display/accordion/docs/React":["static/chunks/pages/components/data-display/accordion/docs/React-d22472fd46c10bab.js"],"/components/data-display/accordion/docs/Vue":["static/chunks/pages/components/data-display/accordion/docs/Vue-4a56fdcf679c94a4.js"],"/components/data-display/accordion/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/how-to-use-c66c8b4f5f5667b9.js"],"/components/data-display/accordion/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/migration-46882ee6eacb06bd.js"],"/components/data-display/accordion/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion/properties-781783d07fa37446.js"],"/components/data-display/accordion-item/docs/Angular":["static/chunks/pages/components/data-display/accordion-item/docs/Angular-c69a5c3fd183c6a3.js"],"/components/data-display/accordion-item/docs/HTML":["static/chunks/pages/components/data-display/accordion-item/docs/HTML-8ab10d6a52e0aa47.js"],"/components/data-display/accordion-item/docs/Migration":["static/chunks/pages/components/data-display/accordion-item/docs/Migration-1ebe7c715cfdb395.js"],"/components/data-display/accordion-item/docs/React":["static/chunks/pages/components/data-display/accordion-item/docs/React-22f1e758e9e550fe.js"],"/components/data-display/accordion-item/docs/Vue":["static/chunks/pages/components/data-display/accordion-item/docs/Vue-b4a6cf3887aca585.js"],"/components/data-display/accordion-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/how-to-use-eb3fa5a2beab8093.js"],"/components/data-display/accordion-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/migration-71734c0f66b96b30.js"],"/components/data-display/accordion-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/accordion-item/properties-df8c2d864e70635f.js"],"/components/data-display/brand/docs/Angular":["static/chunks/pages/components/data-display/brand/docs/Angular-6e89b998acf88afe.js"],"/components/data-display/brand/docs/HTML":["static/chunks/pages/components/data-display/brand/docs/HTML-fb93107bbf302227.js"],"/components/data-display/brand/docs/Migration":["static/chunks/pages/components/data-display/brand/docs/Migration-c6dca77423d8934a.js"],"/components/data-display/brand/docs/React":["static/chunks/pages/components/data-display/brand/docs/React-3cc61d116bb07afa.js"],"/components/data-display/brand/docs/Vue":["static/chunks/pages/components/data-display/brand/docs/Vue-1a60720cf9f75b16.js"],"/components/data-display/brand/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/brand/how-to-use-aa20d89db782bcc3.js"],"/components/data-display/brand/migration":[t,n,o,s,"static/chunks/pages/components/data-display/brand/migration-23d8a63915c3430b.js"],"/components/data-display/brand/properties":[t,n,o,s,"static/chunks/pages/components/data-display/brand/properties-70b1b4c2dbc0b221.js"],"/components/data-display/infotext/docs/Angular":["static/chunks/pages/components/data-display/infotext/docs/Angular-c059728eec11ee9f.js"],"/components/data-display/infotext/docs/HTML":["static/chunks/pages/components/data-display/infotext/docs/HTML-c9811fc1a84605ea.js"],"/components/data-display/infotext/docs/Migration":["static/chunks/pages/components/data-display/infotext/docs/Migration-39c38079e4ab274d.js"],"/components/data-display/infotext/docs/React":["static/chunks/pages/components/data-display/infotext/docs/React-0912b71676475416.js"],"/components/data-display/infotext/docs/Vue":["static/chunks/pages/components/data-display/infotext/docs/Vue-06fac478932689cf.js"],"/components/data-display/infotext/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/how-to-use-fdc734c5f3d763ef.js"],"/components/data-display/infotext/migration":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/migration-a5611d17cf777dc6.js"],"/components/data-display/infotext/properties":[t,n,o,s,"static/chunks/pages/components/data-display/infotext/properties-b9b82a7d47db7d35.js"],"/components/data-display/tab-item/docs/Angular":["static/chunks/pages/components/data-display/tab-item/docs/Angular-087b40e544e806dd.js"],"/components/data-display/tab-item/docs/HTML":["static/chunks/pages/components/data-display/tab-item/docs/HTML-db6420389a7d5e76.js"],"/components/data-display/tab-item/docs/Migration":["static/chunks/pages/components/data-display/tab-item/docs/Migration-03583a02506c8e19.js"],"/components/data-display/tab-item/docs/React":["static/chunks/pages/components/data-display/tab-item/docs/React-4b010ed96dd5a080.js"],"/components/data-display/tab-item/docs/Vue":["static/chunks/pages/components/data-display/tab-item/docs/Vue-5ec24822bbfa264c.js"],"/components/data-display/tab-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/how-to-use-1875c77a1c69b8fe.js"],"/components/data-display/tab-item/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/migration-f05a9444c0e3a389.js"],"/components/data-display/tab-item/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tab-item/properties-b64f393e7eb5ca41.js"],"/components/data-display/tabs/docs/Angular":["static/chunks/pages/components/data-display/tabs/docs/Angular-8ba6327f878731e7.js"],"/components/data-display/tabs/docs/HTML":["static/chunks/pages/components/data-display/tabs/docs/HTML-c3159aee53042cd0.js"],"/components/data-display/tabs/docs/Migration":["static/chunks/pages/components/data-display/tabs/docs/Migration-4c577e4f24dce766.js"],"/components/data-display/tabs/docs/React":["static/chunks/pages/components/data-display/tabs/docs/React-6298e2144cc7f4dc.js"],"/components/data-display/tabs/docs/Vue":["static/chunks/pages/components/data-display/tabs/docs/Vue-c2f34f013aa5c8a3.js"],"/components/data-display/tabs/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/how-to-use-ebb75402fd6e5f86.js"],"/components/data-display/tabs/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/migration-c4b4e9e75108cf76.js"],"/components/data-display/tabs/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tabs/properties-9916172515f771de.js"],"/components/data-display/tag/docs/Angular":["static/chunks/pages/components/data-display/tag/docs/Angular-bfa75950a31cfc2b.js"],"/components/data-display/tag/docs/HTML":["static/chunks/pages/components/data-display/tag/docs/HTML-26578addbadffd69.js"],"/components/data-display/tag/docs/Migration":["static/chunks/pages/components/data-display/tag/docs/Migration-30d35961860d08b5.js"],"/components/data-display/tag/docs/React":["static/chunks/pages/components/data-display/tag/docs/React-4815931227dd5867.js"],"/components/data-display/tag/docs/Vue":["static/chunks/pages/components/data-display/tag/docs/Vue-7c72756eb05c7a34.js"],"/components/data-display/tag/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tag/how-to-use-685cb74255c8e177.js"],"/components/data-display/tag/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tag/migration-09398e315d9cfc03.js"],"/components/data-display/tag/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tag/properties-d0e028382a423362.js"],"/components/data-display/tooltip/docs/Angular":["static/chunks/pages/components/data-display/tooltip/docs/Angular-9c060e4f20a5b345.js"],"/components/data-display/tooltip/docs/HTML":["static/chunks/pages/components/data-display/tooltip/docs/HTML-77b8e294ab7ebc08.js"],"/components/data-display/tooltip/docs/Migration":["static/chunks/pages/components/data-display/tooltip/docs/Migration-e2a1b6b0aead6570.js"],"/components/data-display/tooltip/docs/React":["static/chunks/pages/components/data-display/tooltip/docs/React-c90cc957fff8b261.js"],"/components/data-display/tooltip/docs/Vue":["static/chunks/pages/components/data-display/tooltip/docs/Vue-42ad5cb7ec321e50.js"],"/components/data-display/tooltip/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/how-to-use-a4549c5c649be60e.js"],"/components/data-display/tooltip/migration":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/migration-5cfab6d1f427c81d.js"],"/components/data-display/tooltip/properties":[t,n,o,s,"static/chunks/pages/components/data-display/tooltip/properties-589889f8aa652d80.js"],"/components/data-input/checkbox/docs/Angular":["static/chunks/pages/components/data-input/checkbox/docs/Angular-2bba3f76e2ab1c6f.js"],"/components/data-input/checkbox/docs/HTML":["static/chunks/pages/components/data-input/checkbox/docs/HTML-d601a7dd1f462396.js"],"/components/data-input/checkbox/docs/Migration":["static/chunks/pages/components/data-input/checkbox/docs/Migration-5b5fbf98c1e31652.js"],"/components/data-input/checkbox/docs/React":["static/chunks/pages/components/data-input/checkbox/docs/React-cc769552afb95633.js"],"/components/data-input/checkbox/docs/Vue":["static/chunks/pages/components/data-input/checkbox/docs/Vue-4372851b86680dea.js"],"/components/data-input/checkbox/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/how-to-use-269dc6c07c89cd50.js"],"/components/data-input/checkbox/migration":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/migration-2315ecd476eda41e.js"],"/components/data-input/checkbox/properties":[t,n,o,s,"static/chunks/pages/components/data-input/checkbox/properties-f2a26688551724fd.js"],"/components/data-input/input/docs/Angular":["static/chunks/pages/components/data-input/input/docs/Angular-4b17b97627517ec2.js"],"/components/data-input/input/docs/HTML":["static/chunks/pages/components/data-input/input/docs/HTML-4b2d1fc96e03e148.js"],"/components/data-input/input/docs/Migration":["static/chunks/pages/components/data-input/input/docs/Migration-d522d00ca1161541.js"],"/components/data-input/input/docs/React":["static/chunks/pages/components/data-input/input/docs/React-af23aaebfffb5f53.js"],"/components/data-input/input/docs/Vue":["static/chunks/pages/components/data-input/input/docs/Vue-5844c0407e8f67ad.js"],"/components/data-input/input/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/input/how-to-use-fb1a17bac240beee.js"],"/components/data-input/input/migration":[t,n,o,s,"static/chunks/pages/components/data-input/input/migration-58f8a08fbfee28a9.js"],"/components/data-input/input/properties":[t,n,o,s,"static/chunks/pages/components/data-input/input/properties-78fd5d7442c7f5ef.js"],"/components/data-input/radio/docs/Angular":["static/chunks/pages/components/data-input/radio/docs/Angular-63c7b1ae5c8b41cc.js"],"/components/data-input/radio/docs/HTML":["static/chunks/pages/components/data-input/radio/docs/HTML-7714f473e4dacdb2.js"],"/components/data-input/radio/docs/Migration":["static/chunks/pages/components/data-input/radio/docs/Migration-75cc03fae63075bc.js"],"/components/data-input/radio/docs/React":["static/chunks/pages/components/data-input/radio/docs/React-3927e58a1c91eed4.js"],"/components/data-input/radio/docs/Vue":["static/chunks/pages/components/data-input/radio/docs/Vue-1b266200808b5a7c.js"],"/components/data-input/radio/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/radio/how-to-use-85e40d3b2754ed97.js"],"/components/data-input/radio/migration":[t,n,o,s,"static/chunks/pages/components/data-input/radio/migration-238336dcd0cd2b39.js"],"/components/data-input/radio/properties":[t,n,o,s,"static/chunks/pages/components/data-input/radio/properties-67725e9e59ea9311.js"],"/components/data-input/select/docs/Angular":["static/chunks/pages/components/data-input/select/docs/Angular-16e10a9690abf1ad.js"],"/components/data-input/select/docs/HTML":["static/chunks/pages/components/data-input/select/docs/HTML-ae1766578d646e6e.js"],"/components/data-input/select/docs/Migration":["static/chunks/pages/components/data-input/select/docs/Migration-14b28bda5a84fbc0.js"],"/components/data-input/select/docs/React":["static/chunks/pages/components/data-input/select/docs/React-dadad2e49cb59204.js"],"/components/data-input/select/docs/Vue":["static/chunks/pages/components/data-input/select/docs/Vue-11314f81861ad40f.js"],"/components/data-input/select/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/select/how-to-use-32cd208ef7293d49.js"],"/components/data-input/select/migration":[t,n,o,s,"static/chunks/pages/components/data-input/select/migration-e25952ed13dd9a17.js"],"/components/data-input/select/properties":[t,n,o,s,"static/chunks/pages/components/data-input/select/properties-d7e2ea584a7eea4f.js"],"/components/data-input/switch/docs/Angular":["static/chunks/pages/components/data-input/switch/docs/Angular-c917059951c61eda.js"],"/components/data-input/switch/docs/HTML":["static/chunks/pages/components/data-input/switch/docs/HTML-b9ab339d9ffb53b4.js"],"/components/data-input/switch/docs/Migration":["static/chunks/pages/components/data-input/switch/docs/Migration-b2bf95b8e93c8329.js"],"/components/data-input/switch/docs/React":["static/chunks/pages/components/data-input/switch/docs/React-62a9c0033d839d0c.js"],"/components/data-input/switch/docs/Vue":["static/chunks/pages/components/data-input/switch/docs/Vue-26e68035d91435c0.js"],"/components/data-input/switch/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/switch/how-to-use-a42c5c52f7afd22b.js"],"/components/data-input/switch/migration":[t,n,o,s,"static/chunks/pages/components/data-input/switch/migration-a3f5d0e1041c2d3e.js"],"/components/data-input/switch/properties":[t,n,o,s,"static/chunks/pages/components/data-input/switch/properties-59c65831e54b0d62.js"],"/components/data-input/textarea/docs/Angular":["static/chunks/pages/components/data-input/textarea/docs/Angular-a453bd54d013a07f.js"],"/components/data-input/textarea/docs/HTML":["static/chunks/pages/components/data-input/textarea/docs/HTML-8b17827186412a2c.js"],"/components/data-input/textarea/docs/Migration":["static/chunks/pages/components/data-input/textarea/docs/Migration-1bf1c4f265dd9820.js"],"/components/data-input/textarea/docs/React":["static/chunks/pages/components/data-input/textarea/docs/React-3077bd4067913d00.js"],"/components/data-input/textarea/docs/Vue":["static/chunks/pages/components/data-input/textarea/docs/Vue-a0113e7cfc3d6f79.js"],"/components/data-input/textarea/how-to-use":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/how-to-use-1131fdeeba327661.js"],"/components/data-input/textarea/migration":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/migration-e59d1db8c6b7687f.js"],"/components/data-input/textarea/properties":[t,n,o,s,"static/chunks/pages/components/data-input/textarea/properties-7a0dab804bb52fa2.js"],"/components/divider/docs/Angular":[t,o,s,"static/chunks/pages/components/divider/docs/Angular-5a4271b1183b121a.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-997a757d34a65236.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-fbe2a5f0897252d8.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-2655d5d7f99c8b52.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-1c93a87c7bc1fe17.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-13bd78b18b0dc7e7.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-119aea85e63677ec.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-33879581bf0352bc.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-44c40960c4ef0a09.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-838935f70f7c5a54.js"],"/components/feedback/badge/docs/Angular":["static/chunks/pages/components/feedback/badge/docs/Angular-f27bb9822ad056aa.js"],"/components/feedback/badge/docs/HTML":["static/chunks/pages/components/feedback/badge/docs/HTML-f592b2d8dc04b68a.js"],"/components/feedback/badge/docs/Migration":["static/chunks/pages/components/feedback/badge/docs/Migration-69cff9907b5f57d3.js"],"/components/feedback/badge/docs/React":["static/chunks/pages/components/feedback/badge/docs/React-00639e84f062b048.js"],"/components/feedback/badge/docs/Vue":["static/chunks/pages/components/feedback/badge/docs/Vue-4f15c06731f30ae4.js"],"/components/feedback/badge/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/badge/how-to-use-d43704be6f666163.js"],"/components/feedback/badge/migration":[t,n,o,s,"static/chunks/pages/components/feedback/badge/migration-b3df8d6eeef8e75f.js"],"/components/feedback/badge/properties":[t,n,o,s,"static/chunks/pages/components/feedback/badge/properties-94c7c4d28a246e96.js"],"/components/feedback/notification/docs/Angular":["static/chunks/pages/components/feedback/notification/docs/Angular-9ebed885276ea656.js"],"/components/feedback/notification/docs/HTML":["static/chunks/pages/components/feedback/notification/docs/HTML-b94837d20917b126.js"],"/components/feedback/notification/docs/Migration":["static/chunks/pages/components/feedback/notification/docs/Migration-c6c6857b3c817139.js"],"/components/feedback/notification/docs/React":["static/chunks/pages/components/feedback/notification/docs/React-73cd9b6fcc38de55.js"],"/components/feedback/notification/docs/Vue":["static/chunks/pages/components/feedback/notification/docs/Vue-fbb9d1ada91f82f2.js"],"/components/feedback/notification/how-to-use":[t,n,o,s,"static/chunks/pages/components/feedback/notification/how-to-use-5737639d52560be4.js"],"/components/feedback/notification/migration":[t,n,o,s,"static/chunks/pages/components/feedback/notification/migration-5ae3b28ac9f4cbfd.js"],"/components/feedback/notification/properties":[t,n,o,s,"static/chunks/pages/components/feedback/notification/properties-a28dba03e8d89d25.js"],"/components/header/docs/Angular":[t,o,s,"static/chunks/pages/components/header/docs/Angular-1e8d4e2dffde2e21.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-64a8bad5db01ae53.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-5f5feeb4f43aac37.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-0f1f331ad7aefcba.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-0463719342809833.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-4f8e567baef1b5f9.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-5598be0cd0ff14b9.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-d13e1441d280fc46.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-3dea25efb9a495f4.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-31e575a10f8a6b03.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-86fd296150698c6b.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-41665354d7240773.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-0e82818460cd1ef9.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-3eb86316f97ed5c2.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-8a13194cfafe3005.js"],"/components/layout/card/docs/Angular":["static/chunks/pages/components/layout/card/docs/Angular-75cff6df9b9cd30f.js"],"/components/layout/card/docs/HTML":["static/chunks/pages/components/layout/card/docs/HTML-a46a3c1b91c3fb91.js"],"/components/layout/card/docs/Migration":["static/chunks/pages/components/layout/card/docs/Migration-97aa17ad3ca18531.js"],"/components/layout/card/docs/React":["static/chunks/pages/components/layout/card/docs/React-606e156f840f9006.js"],"/components/layout/card/docs/Vue":["static/chunks/pages/components/layout/card/docs/Vue-616cbf7c7322f19d.js"],"/components/layout/card/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/card/how-to-use-1dcc2fd2b064fb8e.js"],"/components/layout/card/migration":[t,n,o,s,"static/chunks/pages/components/layout/card/migration-933186520a97f631.js"],"/components/layout/card/properties":[t,n,o,s,"static/chunks/pages/components/layout/card/properties-393efe1afbb452ef.js"],"/components/layout/divider/docs/Angular":["static/chunks/pages/components/layout/divider/docs/Angular-b5e2e7291b69fca9.js"],"/components/layout/divider/docs/HTML":["static/chunks/pages/components/layout/divider/docs/HTML-40c3920af5fcb6c1.js"],"/components/layout/divider/docs/Migration":["static/chunks/pages/components/layout/divider/docs/Migration-2c9b9b03e5ca4b91.js"],"/components/layout/divider/docs/React":["static/chunks/pages/components/layout/divider/docs/React-3cbe954237551168.js"],"/components/layout/divider/docs/Vue":["static/chunks/pages/components/layout/divider/docs/Vue-7183134ac52bafd6.js"],"/components/layout/divider/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/divider/how-to-use-b48080da39fabad5.js"],"/components/layout/divider/migration":[t,n,o,s,"static/chunks/pages/components/layout/divider/migration-c8ccbd82dd0dfef6.js"],"/components/layout/divider/properties":[t,n,o,s,"static/chunks/pages/components/layout/divider/properties-333186f64fa1eb7d.js"],"/components/layout/drawer/docs/Angular":["static/chunks/pages/components/layout/drawer/docs/Angular-6638b7298130935b.js"],"/components/layout/drawer/docs/HTML":["static/chunks/pages/components/layout/drawer/docs/HTML-72e5ba250d2ed185.js"],"/components/layout/drawer/docs/Migration":["static/chunks/pages/components/layout/drawer/docs/Migration-fe938e2dc008fb17.js"],"/components/layout/drawer/docs/React":["static/chunks/pages/components/layout/drawer/docs/React-b5c1e2023284ffe5.js"],"/components/layout/drawer/docs/Vue":["static/chunks/pages/components/layout/drawer/docs/Vue-30985120f8f31785.js"],"/components/layout/drawer/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/drawer/how-to-use-dfba6ac266dea91c.js"],"/components/layout/drawer/migration":[t,n,o,s,"static/chunks/pages/components/layout/drawer/migration-f2bfe3357cf1a882.js"],"/components/layout/drawer/properties":[t,n,o,s,"static/chunks/pages/components/layout/drawer/properties-580ff45cf6a300c0.js"],"/components/layout/header/docs/Angular":["static/chunks/pages/components/layout/header/docs/Angular-8af7810ce28520f1.js"],"/components/layout/header/docs/HTML":["static/chunks/pages/components/layout/header/docs/HTML-7a64751a3ee009e4.js"],"/components/layout/header/docs/Migration":["static/chunks/pages/components/layout/header/docs/Migration-0f0a3713767ff449.js"],"/components/layout/header/docs/React":["static/chunks/pages/components/layout/header/docs/React-8ede2f4e2b18551e.js"],"/components/layout/header/docs/Vue":["static/chunks/pages/components/layout/header/docs/Vue-488f8a4e24cd80a0.js"],"/components/layout/header/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/header/how-to-use-92a1a64c9396de7c.js"],"/components/layout/header/migration":[t,n,o,s,"static/chunks/pages/components/layout/header/migration-c175c8e79feac9e1.js"],"/components/layout/header/properties":[t,n,o,s,"static/chunks/pages/components/layout/header/properties-753485697fd2de7e.js"],"/components/layout/section/docs/Angular":["static/chunks/pages/components/layout/section/docs/Angular-2c305248092408d6.js"],"/components/layout/section/docs/HTML":["static/chunks/pages/components/layout/section/docs/HTML-2fda4c7c0fc07d25.js"],"/components/layout/section/docs/Migration":["static/chunks/pages/components/layout/section/docs/Migration-5bfa9095544716c4.js"],"/components/layout/section/docs/React":["static/chunks/pages/components/layout/section/docs/React-e62c0ff7756cb9ce.js"],"/components/layout/section/docs/Vue":["static/chunks/pages/components/layout/section/docs/Vue-dc8f3e7a0e080cfd.js"],"/components/layout/section/how-to-use":[t,n,o,s,"static/chunks/pages/components/layout/section/how-to-use-c58f42b9cc25386d.js"],"/components/layout/section/migration":[t,n,o,s,"static/chunks/pages/components/layout/section/migration-b5280a8012a8d116.js"],"/components/layout/section/properties":[t,n,o,s,"static/chunks/pages/components/layout/section/properties-816833bae298df2c.js"],"/components/link/docs/Angular":[t,o,s,"static/chunks/pages/components/link/docs/Angular-56a85e88fe197e38.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-801a4a838e90990f.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-d83ac83d9637ab75.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-90310e027f9382ff.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-de733c33729b4d8d.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-6dc8af7cb5c77382.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-d255beb216a176cf.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-a8540aec777e9aa9.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-37083b4546c4a458.js"],"/components/navigation/navigation/docs/Angular":["static/chunks/pages/components/navigation/navigation/docs/Angular-bb455c8acc5c3e44.js"],"/components/navigation/navigation/docs/HTML":["static/chunks/pages/components/navigation/navigation/docs/HTML-fc52486efd2f280f.js"],"/components/navigation/navigation/docs/Migration":["static/chunks/pages/components/navigation/navigation/docs/Migration-72d08ac1263e0040.js"],"/components/navigation/navigation/docs/React":["static/chunks/pages/components/navigation/navigation/docs/React-b3762288cd44ff6a.js"],"/components/navigation/navigation/docs/Vue":["static/chunks/pages/components/navigation/navigation/docs/Vue-69ac87575ff13479.js"],"/components/navigation/navigation/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/how-to-use-9cde7e53c0510942.js"],"/components/navigation/navigation/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/migration-e00ecd1673615502.js"],"/components/navigation/navigation/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation/properties-80b6d1a7ff24242b.js"],"/components/navigation/navigation-item/docs/Angular":["static/chunks/pages/components/navigation/navigation-item/docs/Angular-39711c3f3df7dc88.js"],"/components/navigation/navigation-item/docs/HTML":["static/chunks/pages/components/navigation/navigation-item/docs/HTML-15416c579ed716da.js"],"/components/navigation/navigation-item/docs/Migration":["static/chunks/pages/components/navigation/navigation-item/docs/Migration-6c8daadfd1c6c13e.js"],"/components/navigation/navigation-item/docs/React":["static/chunks/pages/components/navigation/navigation-item/docs/React-bcfd171fde347314.js"],"/components/navigation/navigation-item/docs/Vue":["static/chunks/pages/components/navigation/navigation-item/docs/Vue-c74bb5156e7430ec.js"],"/components/navigation/navigation-item/how-to-use":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/how-to-use-16a520702130f1c8.js"],"/components/navigation/navigation-item/migration":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/migration-f8edd6bb7f9b2305.js"],"/components/navigation/navigation-item/properties":[t,n,o,s,"static/chunks/pages/components/navigation/navigation-item/properties-f138621db96b4956.js"],"/components/navigation/properties":[t,o,s,"static/chunks/pages/components/navigation/properties-29fb62070196ef71.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-7b592e39ec5fa4bc.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-8a361f6b6d1cf421.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-7d5a39a0f849dc91.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-88d9d9a9df7270ab.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-78bdab85b4023b96.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-8a3f89c8c7f5ef5d.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-0811eb027e7ce8d2.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-3070b098b53c1137.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-93a8d9d66d4f9a2d.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-f21203d953aab63f.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-229f68a373b0ac78.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-220e429e847510ac.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-2a4a75497a646eb0.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-bcd2ae8d9c4b5e00.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-28acbc66f3a743f0.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-0f3ce6beb239f008.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-e659c26f4699be9a.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-7bb1c1440affe9f6.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-4601ba3db49e5db4.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-f221fdc76013049e.js"],"/components/readme":[t,n,o,s,"static/chunks/pages/components/readme-6af41040d2d5e37f.js"],"/components/router-usage":[t,n,o,s,"static/chunks/pages/components/router-usage-9b4e284d0dd4f0f9.js"],"/components/section/docs/Angular":[t,o,s,"static/chunks/pages/components/section/docs/Angular-a2df6363a74754dd.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-6247fba7179c9517.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-5ca8b35cb24afb34.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-3d344b676860c348.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-6a8489824f2b59a0.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-1a1e8806ce932c6a.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-22ea866c1aa1d8ae.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-1cd8d9936c34a753.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-8394a5afa441fc60.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-e50b5575b672c599.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-a7beb783bfd43c3b.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-a75fb82161c08e32.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-106161430d072e87.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-869a6d6c74e94409.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-f8d3e1f6ca12b2bb.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-620e6a54f3811628.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-3340b92db4dfbaf8.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-9dca8350764fea20.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-775ec21c1d55a974.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-cea7ad85cf89d771.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-5f3b585b7edb04cc.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-311ee31678188c5a.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-a7f11416b42f6daa.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-9bd507e3e80b0c1d.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-df51a0ca91ce52ca.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-ffc1a467746bc8cf.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-5f3168d9f577c85a.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-4620d94e9a22b174.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-2bbb52b6fee8aa2a.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-e30cce0ef4e168da.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-042d16e12f216c0e.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-88de3de8289fe0a1.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-756e827ca1932abe.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-88419eb7ba9136c4.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-49b047f65f9156ab.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-ca5d5520358cf235.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-d055f445db122184.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-166879b6ffcc23a2.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-52af2e81e2671c6c.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-4b1ac9ac768ae2ae.js"],"/components/utilities/popover/docs/Angular":["static/chunks/pages/components/utilities/popover/docs/Angular-fd935104fb98cc3c.js"],"/components/utilities/popover/docs/HTML":["static/chunks/pages/components/utilities/popover/docs/HTML-2f3a2f944bdec110.js"],"/components/utilities/popover/docs/Migration":["static/chunks/pages/components/utilities/popover/docs/Migration-2c7f29b6505f61ed.js"],"/components/utilities/popover/docs/React":["static/chunks/pages/components/utilities/popover/docs/React-c575dadc3025600a.js"],"/components/utilities/popover/docs/Vue":["static/chunks/pages/components/utilities/popover/docs/Vue-a3f2f5f4efa5a0f5.js"],"/components/utilities/popover/how-to-use":[t,n,o,s,"static/chunks/pages/components/utilities/popover/how-to-use-04542237627af9bf.js"],"/components/utilities/popover/migration":[t,n,o,s,"static/chunks/pages/components/utilities/popover/migration-379fc7dcc3a9cbbd.js"],"/components/utilities/popover/properties":[t,n,o,s,"static/chunks/pages/components/utilities/popover/properties-ae95542881cbe7c2.js"],"/components/validation":[t,n,o,s,"static/chunks/pages/components/validation-56a6830bef8ac73c.js"],"/components/[[...slug]]":[t,n,o,s,"static/chunks/pages/components/[[...slug]]-137cad31276e1d14.js"],"/foundations":[t,n,o,s,"static/chunks/pages/foundations-c7b556e16b04856e.js"],"/foundations/colors":[t,n,o,s,"static/chunks/pages/foundations/colors-1225b6bf3e9676ca.js"],"/foundations/colors/color-schemes":[t,n,o,s,"static/chunks/pages/foundations/colors/color-schemes-c251bed1a53c7c6d.js"],"/foundations/colors/overview":[t,n,o,s,"static/chunks/pages/foundations/colors/overview-4f31aaf8a9e75223.js"],"/foundations/colors/readme":[t,n,o,s,"static/chunks/pages/foundations/colors/readme-8ef1e08291fbb227.js"],"/foundations/densities":[t,n,o,s,"static/chunks/pages/foundations/densities-91e0d13a2adf3b33.js"],"/foundations/densities/examples":[t,n,o,s,"static/chunks/pages/foundations/densities/examples-75c09557bd43d5ba.js"],"/foundations/densities/readme":[t,n,o,s,"static/chunks/pages/foundations/densities/readme-a47cd8acf7d6e14d.js"],"/foundations/font-sizes":[t,n,o,s,"static/chunks/pages/foundations/font-sizes-4f88eacf3359946d.js"],"/foundations/font-sizes/overview":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/overview-a63e10bd79261739.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-1df1870609c7c1eb.js"],"/foundations/icons":[t,n,o,s,"static/chunks/pages/foundations/icons-c786fb729a8b9834.js"],"/foundations/icons/custom-icons":[t,n,o,s,"static/chunks/pages/foundations/icons/custom-icons-9a6b4fad2f8eb065.js"],"/foundations/icons/overview":[t,n,o,s,"static/chunks/pages/foundations/icons/overview-753558b4842feafd.js"],"/foundations/icons/readme":[t,n,o,s,"static/chunks/pages/foundations/icons/readme-0ec405d62a7b42f8.js"],"/foundations/readme":[t,n,o,s,"static/chunks/pages/foundations/readme-23b8947b50796d66.js"],"/foundations/variables":[t,n,o,s,"static/chunks/pages/foundations/variables-87a3f8248ce1bc14.js"],"/foundations/variables/examples":[t,n,o,s,"static/chunks/pages/foundations/variables/examples-d4aebff806218014.js"],"/foundations/variables/readme":[t,n,o,s,"static/chunks/pages/foundations/variables/readme-5422e9af30e94670.js"],"/iframe":[c,o,"static/chunks/pages/iframe-9111721c6f8d93b7.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/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-schemes","/foundations/colors/overview","/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/variables","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/2182-9302014dabc419ce.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-55a3d8eaadd1a24e.js","static/chunks/1954-cd36998f79600282.js","static/chunks/8834-54f720ad76346f6e.js","static/chunks/9287-f4ff6310823f7198.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/_next/static/2GjHt8bcFwmZ0kYiQXlb5/_ssgManifest.js b/review/fix-a11y-form-component-ids/_next/static/rf5OteD_asBoxhQ6QMzjo/_ssgManifest.js similarity index 100% rename from review/fix-a11y-form-component-ids/_next/static/2GjHt8bcFwmZ0kYiQXlb5/_ssgManifest.js rename to review/fix-a11y-form-component-ids/_next/static/rf5OteD_asBoxhQ6QMzjo/_ssgManifest.js diff --git a/review/fix-a11y-form-component-ids/base64.html b/review/fix-a11y-form-component-ids/base64.html index ebebf83b875..ca6a0d1562c 100644 --- a/review/fix-a11y-form-component-ids/base64.html +++ b/review/fix-a11y-form-component-ids/base64.html @@ -1 +1 @@ -DB UI Mono
    Open IFrame
    \ No newline at end of file +DB UI Mono
    Open IFrame
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components.html b/review/fix-a11y-form-component-ids/components.html index 55ec968a6e7..92590d82341 100644 --- a/review/fix-a11y-form-component-ids/components.html +++ b/review/fix-a11y-form-component-ids/components.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/fix-a11y-form-component-ids/components/accordion-item.html b/review/fix-a11y-form-component-ids/components/accordion-item.html index 4ed547da100..2eb8b648394 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item.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/fix-a11y-form-component-ids/components/accordion-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Angular.html index 7d39507ddd1..371ab3c549b 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Angular.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/fix-a11y-form-component-ids/components/accordion-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/HTML.html index b2ab1cad6cc..e766cac3996 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/HTML.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/fix-a11y-form-component-ids/components/accordion-item/docs/React.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.html index 09ebf3c9189..09b0f291f97 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/React.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/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html index 507a39d39dc..b13fa52131b 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item/docs/Vue.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/fix-a11y-form-component-ids/components/accordion-item/overview.html b/review/fix-a11y-form-component-ids/components/accordion-item/overview.html index 447efd6578d..f9004a4250b 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item/overview.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item/overview.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/fix-a11y-form-component-ids/components/accordion-item/properties.html b/review/fix-a11y-form-component-ids/components/accordion-item/properties.html index 37f2c3d0046..8ef3337c1f7 100644 --- a/review/fix-a11y-form-component-ids/components/accordion-item/properties.html +++ b/review/fix-a11y-form-component-ids/components/accordion-item/properties.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/fix-a11y-form-component-ids/components/accordion.html b/review/fix-a11y-form-component-ids/components/accordion.html index dfc33fb5294..bfa19800883 100644 --- a/review/fix-a11y-form-component-ids/components/accordion.html +++ b/review/fix-a11y-form-component-ids/components/accordion.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/fix-a11y-form-component-ids/components/accordion/docs/Angular.html b/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.html index 9f2d64ada11..15faabb38fe 100644 --- a/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/accordion/docs/Angular.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/fix-a11y-form-component-ids/components/accordion/docs/HTML.html b/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.html index db6feca258e..d84bdc8c933 100644 --- a/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/accordion/docs/HTML.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/fix-a11y-form-component-ids/components/accordion/docs/React.html b/review/fix-a11y-form-component-ids/components/accordion/docs/React.html index 1e6a8da263d..ef2df534bb3 100644 --- a/review/fix-a11y-form-component-ids/components/accordion/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/accordion/docs/React.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/fix-a11y-form-component-ids/components/accordion/docs/Vue.html b/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.html index cbf0c81e73c..3b218b20c63 100644 --- a/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/accordion/docs/Vue.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/fix-a11y-form-component-ids/components/accordion/overview.html b/review/fix-a11y-form-component-ids/components/accordion/overview.html index 6c8ddaec9c8..b51582ac396 100644 --- a/review/fix-a11y-form-component-ids/components/accordion/overview.html +++ b/review/fix-a11y-form-component-ids/components/accordion/overview.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/fix-a11y-form-component-ids/components/accordion/properties.html b/review/fix-a11y-form-component-ids/components/accordion/properties.html index 1aaecb971b2..d69f9ccbb17 100644 --- a/review/fix-a11y-form-component-ids/components/accordion/properties.html +++ b/review/fix-a11y-form-component-ids/components/accordion/properties.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/fix-a11y-form-component-ids/components/action.html b/review/fix-a11y-form-component-ids/components/action.html index b200d156271..1a72ef136ef 100644 --- a/review/fix-a11y-form-component-ids/components/action.html +++ b/review/fix-a11y-form-component-ids/components/action.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/fix-a11y-form-component-ids/components/action/button.html b/review/fix-a11y-form-component-ids/components/action/button.html index 12905920353..401256d0ebe 100644 --- a/review/fix-a11y-form-component-ids/components/action/button.html +++ b/review/fix-a11y-form-component-ids/components/action/button.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/fix-a11y-form-component-ids/components/action/button/docs/Angular.html b/review/fix-a11y-form-component-ids/components/action/button/docs/Angular.html index feaff9b3c4a..a45c2594cdb 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/action/button/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-button variant="brand">Button</db-button>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/button/docs/HTML.html b/review/fix-a11y-form-component-ids/components/action/button/docs/HTML.html index e5536aace3d..64827a2aa70 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/action/button/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/button/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/button/docs/Migration.html b/review/fix-a11y-form-component-ids/components/action/button/docs/Migration.html index dba9ec39664..c1c80a60ba1 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/action/button/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -11,4 +11,4 @@

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    primary❌❌not valid anymore, use outlined buttons for those purposes
    brand-primary🔁primary
    secondary-outline🔁outlined
    secondary-solid🔁solid
    tertiary-plain🔁text

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/button/docs/React.html b/review/fix-a11y-form-component-ids/components/action/button/docs/React.html index 73ce1643032..19ba08d5f0d 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/action/button/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/button/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/button/docs/Vue.html b/review/fix-a11y-form-component-ids/components/action/button/docs/Vue.html index 13422f62acc..0acffbe9a9d 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/action/button/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/button/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/button/how-to-use.html b/review/fix-a11y-form-component-ids/components/action/button/how-to-use.html index 0c5240c27c9..e898390b7bb 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/action/button/how-to-use.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/fix-a11y-form-component-ids/components/action/button/migration.html b/review/fix-a11y-form-component-ids/components/action/button/migration.html index b8983e47b1a..d656ae66d93 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/migration.html +++ b/review/fix-a11y-form-component-ids/components/action/button/migration.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/fix-a11y-form-component-ids/components/action/button/overview.html b/review/fix-a11y-form-component-ids/components/action/button/overview.html index 9f2e882e02a..2d6bf1ab677 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/overview.html +++ b/review/fix-a11y-form-component-ids/components/action/button/overview.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/fix-a11y-form-component-ids/components/action/button/properties.html b/review/fix-a11y-form-component-ids/components/action/button/properties.html index 9a734ebe651..9e41dea8eac 100644 --- a/review/fix-a11y-form-component-ids/components/action/button/properties.html +++ b/review/fix-a11y-form-component-ids/components/action/button/properties.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/fix-a11y-form-component-ids/components/action/link.html b/review/fix-a11y-form-component-ids/components/action/link.html index ac2e35664d9..065f93db9fd 100644 --- a/review/fix-a11y-form-component-ids/components/action/link.html +++ b/review/fix-a11y-form-component-ids/components/action/link.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/fix-a11y-form-component-ids/components/action/link/docs/Angular.html b/review/fix-a11y-form-component-ids/components/action/link/docs/Angular.html index 17424a21c49..b72d7514641 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/action/link/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-link href="#" variant="brand">Link</db-link>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/link/docs/HTML.html b/review/fix-a11y-form-component-ids/components/action/link/docs/HTML.html index 9cb96b0050f..f8b11b8c024 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/action/link/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/link/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/link/docs/Migration.html b/review/fix-a11y-form-component-ids/components/action/link/docs/Migration.html index 1fa011e753c..4db11171a90 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/action/link/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-link🔁db-link

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/link/docs/React.html b/review/fix-a11y-form-component-ids/components/action/link/docs/React.html index e37bd571433..49c4f1e44a5 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/action/link/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -11,4 +11,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/link/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/link/docs/Vue.html b/review/fix-a11y-form-component-ids/components/action/link/docs/Vue.html index 19225735135..dea17c2cbca 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/action/link/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/action/link/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/action/link/how-to-use.html b/review/fix-a11y-form-component-ids/components/action/link/how-to-use.html index 7e0e2a174c1..86d12ad0b8a 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/action/link/how-to-use.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/fix-a11y-form-component-ids/components/action/link/migration.html b/review/fix-a11y-form-component-ids/components/action/link/migration.html index 05db0507761..aca70e8fbbf 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/migration.html +++ b/review/fix-a11y-form-component-ids/components/action/link/migration.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/fix-a11y-form-component-ids/components/action/link/overview.html b/review/fix-a11y-form-component-ids/components/action/link/overview.html index d78b804e094..d7223d549fa 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/overview.html +++ b/review/fix-a11y-form-component-ids/components/action/link/overview.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/fix-a11y-form-component-ids/components/action/link/properties.html b/review/fix-a11y-form-component-ids/components/action/link/properties.html index ca5f965fce3..483cb3193d5 100644 --- a/review/fix-a11y-form-component-ids/components/action/link/properties.html +++ b/review/fix-a11y-form-component-ids/components/action/link/properties.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/fix-a11y-form-component-ids/components/badge.html b/review/fix-a11y-form-component-ids/components/badge.html index 3bd02f754d5..0ad899a56c6 100644 --- a/review/fix-a11y-form-component-ids/components/badge.html +++ b/review/fix-a11y-form-component-ids/components/badge.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/fix-a11y-form-component-ids/components/badge/docs/Angular.html b/review/fix-a11y-form-component-ids/components/badge/docs/Angular.html index 951bfaa2e88..e4419754917 100644 --- a/review/fix-a11y-form-component-ids/components/badge/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/badge/docs/Angular.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/fix-a11y-form-component-ids/components/badge/docs/HTML.html b/review/fix-a11y-form-component-ids/components/badge/docs/HTML.html index 863e50f52d7..c55ea87d86c 100644 --- a/review/fix-a11y-form-component-ids/components/badge/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/badge/docs/HTML.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/fix-a11y-form-component-ids/components/badge/docs/React.html b/review/fix-a11y-form-component-ids/components/badge/docs/React.html index 5b37b9d240b..bbacefb79a8 100644 --- a/review/fix-a11y-form-component-ids/components/badge/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/badge/docs/React.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/fix-a11y-form-component-ids/components/badge/docs/Vue.html b/review/fix-a11y-form-component-ids/components/badge/docs/Vue.html index 6d409eb8b81..fa860ab4e8a 100644 --- a/review/fix-a11y-form-component-ids/components/badge/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/badge/docs/Vue.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/fix-a11y-form-component-ids/components/badge/overview.html b/review/fix-a11y-form-component-ids/components/badge/overview.html index 47628edc2c9..efdbb54182f 100644 --- a/review/fix-a11y-form-component-ids/components/badge/overview.html +++ b/review/fix-a11y-form-component-ids/components/badge/overview.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/fix-a11y-form-component-ids/components/badge/properties.html b/review/fix-a11y-form-component-ids/components/badge/properties.html index bb9e07047c3..399610d9ee1 100644 --- a/review/fix-a11y-form-component-ids/components/badge/properties.html +++ b/review/fix-a11y-form-component-ids/components/badge/properties.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/fix-a11y-form-component-ids/components/brand.html b/review/fix-a11y-form-component-ids/components/brand.html index 9d8593eb827..19f093b4c46 100644 --- a/review/fix-a11y-form-component-ids/components/brand.html +++ b/review/fix-a11y-form-component-ids/components/brand.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/fix-a11y-form-component-ids/components/brand/docs/Angular.html b/review/fix-a11y-form-component-ids/components/brand/docs/Angular.html index fc216c1ce1c..8a7c543fed9 100644 --- a/review/fix-a11y-form-component-ids/components/brand/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/brand/docs/Angular.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/fix-a11y-form-component-ids/components/brand/docs/HTML.html b/review/fix-a11y-form-component-ids/components/brand/docs/HTML.html index 2d75aac02b9..cf63517b0b3 100644 --- a/review/fix-a11y-form-component-ids/components/brand/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/brand/docs/HTML.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/fix-a11y-form-component-ids/components/brand/docs/React.html b/review/fix-a11y-form-component-ids/components/brand/docs/React.html index 4607dfacd20..48e36abb8e6 100644 --- a/review/fix-a11y-form-component-ids/components/brand/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/brand/docs/React.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/fix-a11y-form-component-ids/components/brand/docs/Vue.html b/review/fix-a11y-form-component-ids/components/brand/docs/Vue.html index 9fe5bf095ad..46f384f4e48 100644 --- a/review/fix-a11y-form-component-ids/components/brand/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/brand/docs/Vue.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/fix-a11y-form-component-ids/components/brand/overview.html b/review/fix-a11y-form-component-ids/components/brand/overview.html index c3a7a0ae5d4..ef6825c4e2c 100644 --- a/review/fix-a11y-form-component-ids/components/brand/overview.html +++ b/review/fix-a11y-form-component-ids/components/brand/overview.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/fix-a11y-form-component-ids/components/brand/properties.html b/review/fix-a11y-form-component-ids/components/brand/properties.html index 8adfca16dad..a498019acfa 100644 --- a/review/fix-a11y-form-component-ids/components/brand/properties.html +++ b/review/fix-a11y-form-component-ids/components/brand/properties.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/fix-a11y-form-component-ids/components/button.html b/review/fix-a11y-form-component-ids/components/button.html index 584b89ac245..a9c29fba2ac 100644 --- a/review/fix-a11y-form-component-ids/components/button.html +++ b/review/fix-a11y-form-component-ids/components/button.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/fix-a11y-form-component-ids/components/button/docs/Angular.html b/review/fix-a11y-form-component-ids/components/button/docs/Angular.html index 14470ca981e..f3b5c965d4a 100644 --- a/review/fix-a11y-form-component-ids/components/button/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/button/docs/Angular.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/fix-a11y-form-component-ids/components/button/docs/HTML.html b/review/fix-a11y-form-component-ids/components/button/docs/HTML.html index 13139ebe7ca..b8bdd13b695 100644 --- a/review/fix-a11y-form-component-ids/components/button/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/button/docs/HTML.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/fix-a11y-form-component-ids/components/button/docs/React.html b/review/fix-a11y-form-component-ids/components/button/docs/React.html index e192376325b..6ab8de30299 100644 --- a/review/fix-a11y-form-component-ids/components/button/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/button/docs/React.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/fix-a11y-form-component-ids/components/button/docs/Vue.html b/review/fix-a11y-form-component-ids/components/button/docs/Vue.html index 2e71f3dfb75..56cc5577f19 100644 --- a/review/fix-a11y-form-component-ids/components/button/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/button/docs/Vue.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/fix-a11y-form-component-ids/components/button/overview.html b/review/fix-a11y-form-component-ids/components/button/overview.html index 78e22a701d1..3413aed4066 100644 --- a/review/fix-a11y-form-component-ids/components/button/overview.html +++ b/review/fix-a11y-form-component-ids/components/button/overview.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/fix-a11y-form-component-ids/components/button/properties.html b/review/fix-a11y-form-component-ids/components/button/properties.html index 17e9108414c..3803bc2cbe0 100644 --- a/review/fix-a11y-form-component-ids/components/button/properties.html +++ b/review/fix-a11y-form-component-ids/components/button/properties.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/fix-a11y-form-component-ids/components/card.html b/review/fix-a11y-form-component-ids/components/card.html index d9308955e03..493700f81c2 100644 --- a/review/fix-a11y-form-component-ids/components/card.html +++ b/review/fix-a11y-form-component-ids/components/card.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/fix-a11y-form-component-ids/components/card/docs/Angular.html b/review/fix-a11y-form-component-ids/components/card/docs/Angular.html index 5b457502c55..d0ff938cc2d 100644 --- a/review/fix-a11y-form-component-ids/components/card/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/card/docs/Angular.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/fix-a11y-form-component-ids/components/card/docs/HTML.html b/review/fix-a11y-form-component-ids/components/card/docs/HTML.html index 8888cb50705..5bab0d4d590 100644 --- a/review/fix-a11y-form-component-ids/components/card/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/card/docs/HTML.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/fix-a11y-form-component-ids/components/card/docs/React.html b/review/fix-a11y-form-component-ids/components/card/docs/React.html index 99145ec5898..4b1d6d32429 100644 --- a/review/fix-a11y-form-component-ids/components/card/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/card/docs/React.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/fix-a11y-form-component-ids/components/card/docs/Vue.html b/review/fix-a11y-form-component-ids/components/card/docs/Vue.html index 0b878cdbe04..c3f70999bb6 100644 --- a/review/fix-a11y-form-component-ids/components/card/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/card/docs/Vue.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/fix-a11y-form-component-ids/components/card/overview.html b/review/fix-a11y-form-component-ids/components/card/overview.html index 93c19286026..b043dc1f681 100644 --- a/review/fix-a11y-form-component-ids/components/card/overview.html +++ b/review/fix-a11y-form-component-ids/components/card/overview.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/fix-a11y-form-component-ids/components/card/properties.html b/review/fix-a11y-form-component-ids/components/card/properties.html index f6e23ddaf06..3f9892ecf24 100644 --- a/review/fix-a11y-form-component-ids/components/card/properties.html +++ b/review/fix-a11y-form-component-ids/components/card/properties.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/fix-a11y-form-component-ids/components/checkbox.html b/review/fix-a11y-form-component-ids/components/checkbox.html index ef97c29d8a3..7ffc4d86b64 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox.html +++ b/review/fix-a11y-form-component-ids/components/checkbox.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/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html index 7543571198d..0f22b6cd81d 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/Angular.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/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html index e5ee0298d1e..54117b2978a 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/HTML.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/fix-a11y-form-component-ids/components/checkbox/docs/React.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/React.html index a3d37e3f13d..6fea5c552ad 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/React.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/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html b/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html index a5ae7f64444..e309d3abddf 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/checkbox/docs/Vue.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/fix-a11y-form-component-ids/components/checkbox/overview.html b/review/fix-a11y-form-component-ids/components/checkbox/overview.html index 6f67b1e7585..e2606e6f9c6 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox/overview.html +++ b/review/fix-a11y-form-component-ids/components/checkbox/overview.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/fix-a11y-form-component-ids/components/checkbox/properties.html b/review/fix-a11y-form-component-ids/components/checkbox/properties.html index 712e7aa8aa2..00f116aef7c 100644 --- a/review/fix-a11y-form-component-ids/components/checkbox/properties.html +++ b/review/fix-a11y-form-component-ids/components/checkbox/properties.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/fix-a11y-form-component-ids/components/data-display.html b/review/fix-a11y-form-component-ids/components/data-display.html index 9c32ead3991..b019843a34e 100644 --- a/review/fix-a11y-form-component-ids/components/data-display.html +++ b/review/fix-a11y-form-component-ids/components/data-display.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/fix-a11y-form-component-ids/components/data-display/accordion-item.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item.html index 13c584caaee..73b3ab40ea6 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item.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/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Angular.html index a86a18cd1de..8dac07d3397 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -22,4 +22,4 @@ 
    With Content ProjectionWith attributeswith-attributes anchor link
    
 
    <!-- app.component.html -->
 <db-accordion-item headlinePlain="Title" content="Content"></db-accordion-item>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/HTML.html index 457b4ecb03e..7325d4712c7 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion-item/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Migration.html index d75fcc7e797..eeedaf810c5 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-accordion🔁db-accordion-itemThe old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)

    propsprops anchor link

    -
    BeforeStatusAfterDescription
    summary🔁headlineThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the density.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    \ No newline at end of file +
    BeforeStatusAfterDescription
    summary🔁headlineThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the density.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/React.html index 7def408dabe..c8756244b99 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -14,4 +14,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/data-display/accordion-item/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Vue.html index 47425ca865e..e38eb4a1568 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -23,4 +23,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/data-display/accordion-item/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/how-to-use.html index 391eb7e8885..b34d2d9d591 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/how-to-use.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/fix-a11y-form-component-ids/components/data-display/accordion-item/migration.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/migration.html index 447b3974ed5..c3cb73c73a1 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/migration.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/fix-a11y-form-component-ids/components/data-display/accordion-item/overview.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/overview.html index 6f264ff8241..014edc0a9b2 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/overview.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/fix-a11y-form-component-ids/components/data-display/accordion-item/properties.html b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/properties.html index d42bd119b16..26c608500e1 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion-item/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion-item/properties.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/fix-a11y-form-component-ids/components/data-display/accordion.html b/review/fix-a11y-form-component-ids/components/data-display/accordion.html index 7122082e45e..1ddb06746cd 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion.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/fix-a11y-form-component-ids/components/data-display/accordion/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Angular.html index 702f64231c4..f27986032da 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -27,4 +27,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/HTML.html index 17b464cc96c..2ba120bae02 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Migration.html index ecb83a825dd..0b87d6327d2 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/React.html index 8c1f366d367..22333f42c88 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Vue.html index aa502544b9f..cb7aa76ece3 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/accordion/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/accordion/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/how-to-use.html index 0c34f74dccc..c91fca9e4fe 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/how-to-use.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/fix-a11y-form-component-ids/components/data-display/accordion/migration.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/migration.html index 0d0c635f3bd..7840e660116 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/migration.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/fix-a11y-form-component-ids/components/data-display/accordion/overview.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/overview.html index 14854b55d7a..6ccb48ce85a 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/overview.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/fix-a11y-form-component-ids/components/data-display/accordion/properties.html b/review/fix-a11y-form-component-ids/components/data-display/accordion/properties.html index 1c3989b878b..5e4277e0975 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/accordion/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/accordion/properties.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/fix-a11y-form-component-ids/components/data-display/brand.html b/review/fix-a11y-form-component-ids/components/data-display/brand.html index 71920bff242..c7ea3df4abe 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand.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/fix-a11y-form-component-ids/components/data-display/brand/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Angular.html index 45f378e0572..12ef639b7e6 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-brand>Brand</db-brand>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/HTML.html index b48f19cdd26..fa621e98210 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/brand/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Migration.html index eb8f8466f95..b1028cab408 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -12,4 +12,4 @@

    propertiesStatusAfterDescriptionsiteNameLink❌❌see Notealt❌❌see NoteanchorRef❌❌see NoteanchorTitle❌❌see NoteanchorRelation❌❌see Notesrc❌❌see NotehideLogo🆕❌If you want a custom image, you can hide the default one and pass anything into the children/slot

    \ No newline at end of file +
    BeforeStatusAfterDescription
    siteNameLink❌❌see Note
    alt❌❌see Note
    anchorRef❌❌see Note
    anchorTitle❌❌see Note
    anchorRelation❌❌see Note
    src❌❌see Note
    hideLogo🆕❌If you want a custom image, you can hide the default one and pass anything into the children/slot
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/React.html index da4ec97bfce..5f013deb261 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/brand/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Vue.html index 5d2d6b3c592..4e81dc42c27 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/brand/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/brand/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/brand/how-to-use.html index 7cb356716dd..0f140a381c5 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/how-to-use.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/fix-a11y-form-component-ids/components/data-display/brand/migration.html b/review/fix-a11y-form-component-ids/components/data-display/brand/migration.html index c5be0b672f1..9fd8a8c15cb 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/migration.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/fix-a11y-form-component-ids/components/data-display/brand/overview.html b/review/fix-a11y-form-component-ids/components/data-display/brand/overview.html index d838f6f01c0..2d822f64d47 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/overview.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/fix-a11y-form-component-ids/components/data-display/brand/properties.html b/review/fix-a11y-form-component-ids/components/data-display/brand/properties.html index 90e36df4b84..0039509b52e 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/brand/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/brand/properties.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/fix-a11y-form-component-ids/components/data-display/infotext.html b/review/fix-a11y-form-component-ids/components/data-display/infotext.html index 76638aedd90..b9652f62243 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext.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/fix-a11y-form-component-ids/components/data-display/infotext/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Angular.html index c126cc29afd..11abd77feda 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-infotext>Infotext</db-infotext>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/HTML.html index 106e82eb241..beb27b3dcaf 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/infotext/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Migration.html index 63507fbde4a..33d2fa29557 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/React.html index 8be23ed2d6d..d4a63312854 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/infotext/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Vue.html index 8626c719d14..5cbf9cac6c7 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/infotext/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/infotext/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/how-to-use.html index df11f8e4ac3..c10c78ac554 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/how-to-use.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/fix-a11y-form-component-ids/components/data-display/infotext/migration.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/migration.html index 4319a7c3cb3..e6c5c296a9d 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/migration.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/fix-a11y-form-component-ids/components/data-display/infotext/overview.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/overview.html index 9ab6a0bb901..db1104ecf64 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/overview.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/fix-a11y-form-component-ids/components/data-display/infotext/properties.html b/review/fix-a11y-form-component-ids/components/data-display/infotext/properties.html index 9e552e6153b..f96af8bf604 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/infotext/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/infotext/properties.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/fix-a11y-form-component-ids/components/data-display/tab-item.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item.html index feb5c19725b..d56f24512c4 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item.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/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Angular.html index 6f11bb93ae1..03417026ef2 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/HTML.html index 1e2fe078c95..b2b0cac2adc 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Migration.html index f35b4392f46..1bfb451c9e9 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-db-tab🔁db-tab-item

    namename anchor link

    -
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/React.html index cb66148407b..0ae2631a8b9 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Vue.html index 69b08b248a9..6e1d837bf63 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tab-item/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tab-item/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/how-to-use.html index 142647144b0..386a94c9b77 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/how-to-use.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/fix-a11y-form-component-ids/components/data-display/tab-item/migration.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/migration.html index 34d8ed41903..ef196b00739 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/migration.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/fix-a11y-form-component-ids/components/data-display/tab-item/overview.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/overview.html index bf3c6f6925d..fee55de5ed0 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/overview.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/fix-a11y-form-component-ids/components/data-display/tab-item/properties.html b/review/fix-a11y-form-component-ids/components/data-display/tab-item/properties.html index e67f0a80148..05aa28bb070 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tab-item/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tab-item/properties.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/fix-a11y-form-component-ids/components/data-display/tabs.html b/review/fix-a11y-form-component-ids/components/data-display/tabs.html index d861f4b707e..2336e7e0581 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs.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/fix-a11y-form-component-ids/components/data-display/tabs/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Angular.html index 2b8dacd2255..c11772f74c9 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/HTML.html index 65765eee756..ba7dd97160d 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -76,4 +76,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Migration.html index 2c6986e319a..5c8889d2161 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Migration.html @@ -1,8 +1,8 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    classclass anchor link

    -
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file +
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/React.html index a5986e43b7c..4864753edf0 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Vue.html index ac191538b42..45c4f7d437a 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tabs/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tabs/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/how-to-use.html index 20ff850853d..3dd7bcfce5c 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/how-to-use.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/fix-a11y-form-component-ids/components/data-display/tabs/migration.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/migration.html index 30cad2224e4..3d1d3582dcb 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/migration.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/fix-a11y-form-component-ids/components/data-display/tabs/overview.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/overview.html index dae9e5a5d02..cf22b4ea283 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/overview.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/fix-a11y-form-component-ids/components/data-display/tabs/properties.html b/review/fix-a11y-form-component-ids/components/data-display/tabs/properties.html index e3e8cf35b6d..478cf353313 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tabs/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tabs/properties.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/fix-a11y-form-component-ids/components/data-display/tag.html b/review/fix-a11y-form-component-ids/components/data-display/tag.html index f928c38fcd5..d64364e6bd6 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag.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/fix-a11y-form-component-ids/components/data-display/tag/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Angular.html index b4f6d713ac2..4a297b9d668 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -21,4 +21,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/HTML.html index 9035c3a5251..5c29e8b969f 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Migration.html index 188e6df8c64..4782d6c68a9 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -20,4 +20,4 @@

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    poi-*❌❌We removed all point of interest colors for now.
    track❌❌We removed track for now.
    error🔁critical
    informative🔁informational
    success🔁successful

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/React.html index dfa6c03ece2..b6ba9a56956 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -26,4 +26,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Vue.html index 84383f393d5..3e304d2f943 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tag/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tag/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/tag/how-to-use.html index 8d3664e6f88..49b1e0be01d 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/how-to-use.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/fix-a11y-form-component-ids/components/data-display/tag/migration.html b/review/fix-a11y-form-component-ids/components/data-display/tag/migration.html index c34ba1b9b46..1df86af8eee 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/migration.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/fix-a11y-form-component-ids/components/data-display/tag/overview.html b/review/fix-a11y-form-component-ids/components/data-display/tag/overview.html index 8356dbef223..53467584358 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/overview.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/fix-a11y-form-component-ids/components/data-display/tag/properties.html b/review/fix-a11y-form-component-ids/components/data-display/tag/properties.html index 1c33d224d02..feae31eef35 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tag/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tag/properties.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/fix-a11y-form-component-ids/components/data-display/tooltip.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip.html index 9229c26d279..5bef7f8c47a 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip.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/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Angular.html index 0484e4b0179..b59ead0006e 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/HTML.html index 14f36844bac..9549efe0288 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Migration.html index e142ed172d2..a59dcd46632 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/React.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/React.html index c5873337b9b..a92f92a8d0a 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Vue.html index 7b3b71e662c..ab4b01f7a82 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-display/tooltip/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-display/tooltip/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/how-to-use.html index dc4df85948e..5387ce2a2a8 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/how-to-use.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/fix-a11y-form-component-ids/components/data-display/tooltip/migration.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/migration.html index f0c22bf8921..e11cfc4286d 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/migration.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/fix-a11y-form-component-ids/components/data-display/tooltip/overview.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/overview.html index d6ce147837c..ac0ecf45b54 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/overview.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/fix-a11y-form-component-ids/components/data-display/tooltip/properties.html b/review/fix-a11y-form-component-ids/components/data-display/tooltip/properties.html index f588baa9022..aa4b5916322 100644 --- a/review/fix-a11y-form-component-ids/components/data-display/tooltip/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-display/tooltip/properties.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/fix-a11y-form-component-ids/components/data-input.html b/review/fix-a11y-form-component-ids/components/data-input.html index a045eb92e82..2d28f9d9764 100644 --- a/review/fix-a11y-form-component-ids/components/data-input.html +++ b/review/fix-a11y-form-component-ids/components/data-input.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/fix-a11y-form-component-ids/components/data-input/checkbox.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox.html index 65478368065..194e8fb0de4 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox.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/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Angular.html index e1c7bafd180..3bdfbf07864 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -80,4 +80,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/HTML.html index fc8367696f4..1034a7078e5 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/checkbox/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Migration.html index 2ff20157412..10ec25ae800 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-checkbox🔁db-checkbox

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/React.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/React.html index 4b2fc9282fd..bad27931336 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -22,4 +22,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/checkbox/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Vue.html index 5315ca028e7..83e20846d51 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/checkbox/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/checkbox/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/how-to-use.html index 608917fd2e1..31a7b14dad9 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/how-to-use.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/fix-a11y-form-component-ids/components/data-input/checkbox/migration.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/migration.html index 2a4671d2566..205d1360707 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/migration.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/fix-a11y-form-component-ids/components/data-input/checkbox/overview.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/overview.html index 9b6790deece..c127585703a 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/overview.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/fix-a11y-form-component-ids/components/data-input/checkbox/properties.html b/review/fix-a11y-form-component-ids/components/data-input/checkbox/properties.html index 3ca0f736fbd..642507eef7a 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/checkbox/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-input/checkbox/properties.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/fix-a11y-form-component-ids/components/data-input/input.html b/review/fix-a11y-form-component-ids/components/data-input/input.html index 539174e69d1..771de28851b 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input.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/fix-a11y-form-component-ids/components/data-input/input/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-input/input/docs/Angular.html index 6ed81b5fd83..a5b0c748fb6 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    Load SCSS globally within styles.scss in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -109,4 +109,4 @@

    How to use with Template driven F alert(JSON.stringify({ input: this.input })); } } -

    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/input/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-input/input/docs/HTML.html index 1cbff154bfa..8c004bc983e 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    Load SCSS globally somewhere in your app:

    @forward "@db-ui/components/build/styles/db-ui-42";
    @@ -7,4 +7,4 @@ <label for="username">Label</label> <input type="text" name="username" id="username" /> </div> -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/input/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-input/input/docs/Migration.html index 648f9b40600..3b4f1004c3f 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-input🔁db-input

    variantsvariants anchor link

    -
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file +
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/input/docs/React.html b/review/fix-a11y-form-component-ids/components/data-input/input/docs/React.html index 70a98cd5737..ce17b96a1c5 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -11,4 +11,4 @@ description={description} onChange={handleChange} ></DBInput>; -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/input/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-input/input/docs/Vue.html index ea906ba2c55..87d42aae1ac 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -25,4 +25,4 @@

    or using on-change listener:

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
 }"/> {{ modelAndChange }}
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/input/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-input/input/how-to-use.html index 15f9daa2cdf..68e21428527 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/how-to-use.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/fix-a11y-form-component-ids/components/data-input/input/migration.html b/review/fix-a11y-form-component-ids/components/data-input/input/migration.html index aacbc9a5be8..2a9d1e7a0d1 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/migration.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/fix-a11y-form-component-ids/components/data-input/input/overview.html b/review/fix-a11y-form-component-ids/components/data-input/input/overview.html index 04793ab9369..f254a4d4a35 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/overview.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/fix-a11y-form-component-ids/components/data-input/input/properties.html b/review/fix-a11y-form-component-ids/components/data-input/input/properties.html index e5507982c2c..0e7e95ba951 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/input/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-input/input/properties.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/fix-a11y-form-component-ids/components/data-input/radio.html b/review/fix-a11y-form-component-ids/components/data-input/radio.html index d24cf3adc8b..a64c3ba147c 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio.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/fix-a11y-form-component-ids/components/data-input/radio/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Angular.html index 9fe7f3e7399..4e757b80a19 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -76,4 +76,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/HTML.html index 5671a227697..114f545e497 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -15,4 +15,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/radio/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Migration.html index f7b4124ad71..e955d65d811 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-radio🔁db-radio

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/React.html b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/React.html index e3abae4b324..2cbee753b64 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -24,4 +24,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/radio/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Vue.html index 680ffb09826..d9dc3b0fa9c 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/radio/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/radio/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-input/radio/how-to-use.html index a322616e1d0..3ea2e743821 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/how-to-use.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/fix-a11y-form-component-ids/components/data-input/radio/migration.html b/review/fix-a11y-form-component-ids/components/data-input/radio/migration.html index d61171717c3..80dca31c5e8 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/migration.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/fix-a11y-form-component-ids/components/data-input/radio/overview.html b/review/fix-a11y-form-component-ids/components/data-input/radio/overview.html index 07b0b2d3752..9a706bc1174 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/overview.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/fix-a11y-form-component-ids/components/data-input/radio/properties.html b/review/fix-a11y-form-component-ids/components/data-input/radio/properties.html index 742bc013730..ee0fece4a90 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/radio/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-input/radio/properties.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/fix-a11y-form-component-ids/components/data-input/select.html b/review/fix-a11y-form-component-ids/components/data-input/select.html index e264000c97d..db177963382 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select.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/fix-a11y-form-component-ids/components/data-input/select/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-input/select/docs/Angular.html index 3ec6e845602..015339515ee 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/select/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-input/select/docs/HTML.html index 46fc89efc8f..048de97a077 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/select/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-input/select/docs/Migration.html index b3236a87667..7899304e0ea 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-select🔁db-select

    selectselect anchor link

    -
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/select/docs/React.html b/review/fix-a11y-form-component-ids/components/data-input/select/docs/React.html index 72abe53140e..41e424532fb 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/select/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-input/select/docs/Vue.html index 61cb8cac80d..b6abe607e96 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/select/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/select/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-input/select/how-to-use.html index 0bd98cd98d7..cfeb37e972c 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/how-to-use.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/fix-a11y-form-component-ids/components/data-input/select/migration.html b/review/fix-a11y-form-component-ids/components/data-input/select/migration.html index 66a4f73e93b..2786fd13dbe 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/migration.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/fix-a11y-form-component-ids/components/data-input/select/overview.html b/review/fix-a11y-form-component-ids/components/data-input/select/overview.html index 37ae6b7e691..d725686f75e 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/overview.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/fix-a11y-form-component-ids/components/data-input/select/properties.html b/review/fix-a11y-form-component-ids/components/data-input/select/properties.html index e650dc8d295..c8601ab0318 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/select/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-input/select/properties.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/fix-a11y-form-component-ids/components/data-input/switch.html b/review/fix-a11y-form-component-ids/components/data-input/switch.html index 0d59425d5cb..cf002674e23 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch.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/fix-a11y-form-component-ids/components/data-input/switch/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Angular.html index 0184895208e..175fd1e0921 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-switch>Switch</db-switch>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/HTML.html index 6b28352d450..fb2a6ec36ae 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/switch/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Migration.html index 1f344bc5771..68ea600cf1b 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-toggle🔁db-switch

    idid anchor link

    -
    BeforeStatusAfterDescription
    htmlid🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    htmlid🔁id
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/React.html b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/React.html index cc12aa4133c..ff4da1c0920 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/switch/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Vue.html index c5e9e0b8ef6..35868a30352 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/switch/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/switch/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-input/switch/how-to-use.html index 75ddac290a2..680aa04200d 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/how-to-use.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/fix-a11y-form-component-ids/components/data-input/switch/migration.html b/review/fix-a11y-form-component-ids/components/data-input/switch/migration.html index 20abd6954b6..8afdb2cd08e 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/migration.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/fix-a11y-form-component-ids/components/data-input/switch/overview.html b/review/fix-a11y-form-component-ids/components/data-input/switch/overview.html index 32937a5c760..8da61f149d3 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/overview.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/fix-a11y-form-component-ids/components/data-input/switch/properties.html b/review/fix-a11y-form-component-ids/components/data-input/switch/properties.html index 1cdc397d752..e177978c67a 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/switch/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-input/switch/properties.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/fix-a11y-form-component-ids/components/data-input/textarea.html b/review/fix-a11y-form-component-ids/components/data-input/textarea.html index 411a7472d2e..4469b471465 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea.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/fix-a11y-form-component-ids/components/data-input/textarea/docs/Angular.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Angular.html index bf8911d9ecd..ccc8bab7065 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -33,4 +33,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/HTML.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/HTML.html index 28db516794d..5b59e3a5408 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Migration.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Migration.html index 152ea235d76..f4e0bb14837 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariantsvariants anchor link

    BeforeStatusAfterDescription
    semitransparent❌
    white❌
    solid❌
    outline❌
    🆕adaptive
    🆕critical
    🆕informational
    🆕warning
    🆕successful

    otherother anchor link

    -
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file +
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/React.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/React.html index e0c5b6507e1..e78514bc3a9 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -20,4 +20,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Vue.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Vue.html index 79a1a7dd653..66c7c96c948 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Generalgeneral anchor link

    You cannot use a default value for textarea in vue. @@ -22,4 +22,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/data-input/textarea/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/data-input/textarea/how-to-use.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/how-to-use.html index 6f3fd7466a5..3610d71b9ca 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/how-to-use.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/fix-a11y-form-component-ids/components/data-input/textarea/migration.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/migration.html index a07e51643fe..f9ee6208326 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/migration.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/migration.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/fix-a11y-form-component-ids/components/data-input/textarea/overview.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/overview.html index fdfbd04d9fe..d13d9879823 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/overview.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/overview.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/fix-a11y-form-component-ids/components/data-input/textarea/properties.html b/review/fix-a11y-form-component-ids/components/data-input/textarea/properties.html index 041484367fe..9677b799c76 100644 --- a/review/fix-a11y-form-component-ids/components/data-input/textarea/properties.html +++ b/review/fix-a11y-form-component-ids/components/data-input/textarea/properties.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/fix-a11y-form-component-ids/components/divider.html b/review/fix-a11y-form-component-ids/components/divider.html index 7b82eb62318..b2cc65c5011 100644 --- a/review/fix-a11y-form-component-ids/components/divider.html +++ b/review/fix-a11y-form-component-ids/components/divider.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/fix-a11y-form-component-ids/components/divider/docs/Angular.html b/review/fix-a11y-form-component-ids/components/divider/docs/Angular.html index a77b9d2bb3b..8fc28e7e563 100644 --- a/review/fix-a11y-form-component-ids/components/divider/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/divider/docs/Angular.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/fix-a11y-form-component-ids/components/divider/docs/HTML.html b/review/fix-a11y-form-component-ids/components/divider/docs/HTML.html index 6eac8ce94aa..962395f2374 100644 --- a/review/fix-a11y-form-component-ids/components/divider/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/divider/docs/HTML.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/fix-a11y-form-component-ids/components/divider/docs/React.html b/review/fix-a11y-form-component-ids/components/divider/docs/React.html index b8f03be31d0..df6cc9cac62 100644 --- a/review/fix-a11y-form-component-ids/components/divider/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/divider/docs/React.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/fix-a11y-form-component-ids/components/divider/docs/Vue.html b/review/fix-a11y-form-component-ids/components/divider/docs/Vue.html index cdba959ddb2..fe10df9a0ad 100644 --- a/review/fix-a11y-form-component-ids/components/divider/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/divider/docs/Vue.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/fix-a11y-form-component-ids/components/divider/overview.html b/review/fix-a11y-form-component-ids/components/divider/overview.html index 542b6317850..ff7ec556e99 100644 --- a/review/fix-a11y-form-component-ids/components/divider/overview.html +++ b/review/fix-a11y-form-component-ids/components/divider/overview.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/fix-a11y-form-component-ids/components/divider/properties.html b/review/fix-a11y-form-component-ids/components/divider/properties.html index fbc4af24c55..821b4bcfae1 100644 --- a/review/fix-a11y-form-component-ids/components/divider/properties.html +++ b/review/fix-a11y-form-component-ids/components/divider/properties.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/fix-a11y-form-component-ids/components/drawer.html b/review/fix-a11y-form-component-ids/components/drawer.html index f0cff63a523..8ff336fa047 100644 --- a/review/fix-a11y-form-component-ids/components/drawer.html +++ b/review/fix-a11y-form-component-ids/components/drawer.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/fix-a11y-form-component-ids/components/drawer/docs/Angular.html b/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.html index 33095adc65d..dfea985a803 100644 --- a/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/drawer/docs/Angular.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/fix-a11y-form-component-ids/components/drawer/docs/HTML.html b/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.html index 0719de263ae..73eb23dd6bf 100644 --- a/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/drawer/docs/HTML.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/fix-a11y-form-component-ids/components/drawer/docs/React.html b/review/fix-a11y-form-component-ids/components/drawer/docs/React.html index 7dd2f4c3f15..5871018d405 100644 --- a/review/fix-a11y-form-component-ids/components/drawer/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/drawer/docs/React.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/fix-a11y-form-component-ids/components/drawer/docs/Vue.html b/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.html index 67cd54b2024..56b5bc97d16 100644 --- a/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/drawer/docs/Vue.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/fix-a11y-form-component-ids/components/drawer/overview.html b/review/fix-a11y-form-component-ids/components/drawer/overview.html index 2bc8c12ab17..ab886653b25 100644 --- a/review/fix-a11y-form-component-ids/components/drawer/overview.html +++ b/review/fix-a11y-form-component-ids/components/drawer/overview.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/fix-a11y-form-component-ids/components/drawer/properties.html b/review/fix-a11y-form-component-ids/components/drawer/properties.html index 1a9714d3439..e304e912794 100644 --- a/review/fix-a11y-form-component-ids/components/drawer/properties.html +++ b/review/fix-a11y-form-component-ids/components/drawer/properties.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/fix-a11y-form-component-ids/components/feedback.html b/review/fix-a11y-form-component-ids/components/feedback.html index 9e191246aa7..9a7467d0e3d 100644 --- a/review/fix-a11y-form-component-ids/components/feedback.html +++ b/review/fix-a11y-form-component-ids/components/feedback.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/fix-a11y-form-component-ids/components/feedback/badge.html b/review/fix-a11y-form-component-ids/components/feedback/badge.html index 6ae2e9ad615..79f3ddf09f2 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge.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/fix-a11y-form-component-ids/components/feedback/badge/docs/Angular.html b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Angular.html index 30d837a9046..d835c296308 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-badge>Badge</db-badge>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/HTML.html b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/HTML.html index 9fa7c485d53..fa5ce40b631 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/badge/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Migration.html b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Migration.html index 6a8deecb9a3..5efe1e0f631 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/React.html b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/React.html index 6e51298abe4..a8c2017f9e1 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/badge/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Vue.html b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Vue.html index 7a1847d9fb8..753c61bb934 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/badge/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/badge/how-to-use.html b/review/fix-a11y-form-component-ids/components/feedback/badge/how-to-use.html index 735f5e17414..2ad782c7322 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/how-to-use.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/fix-a11y-form-component-ids/components/feedback/badge/migration.html b/review/fix-a11y-form-component-ids/components/feedback/badge/migration.html index 206f7eaf6c2..0347f0036c1 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/migration.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/migration.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/fix-a11y-form-component-ids/components/feedback/badge/overview.html b/review/fix-a11y-form-component-ids/components/feedback/badge/overview.html index 6e922974d51..9af36659173 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/overview.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/overview.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/fix-a11y-form-component-ids/components/feedback/badge/properties.html b/review/fix-a11y-form-component-ids/components/feedback/badge/properties.html index c13af071aff..8c3aaa9aefd 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/badge/properties.html +++ b/review/fix-a11y-form-component-ids/components/feedback/badge/properties.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/fix-a11y-form-component-ids/components/feedback/notification.html b/review/fix-a11y-form-component-ids/components/feedback/notification.html index b570ba22360..9a1664dcc0b 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification.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/fix-a11y-form-component-ids/components/feedback/notification/docs/Angular.html b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Angular.html index 05f90360fd0..c29f8ad8857 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-notification headline="Headline">Notification</db-notification>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/HTML.html b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/HTML.html index 68695bf6a71..e461140a1da 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/notification/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Migration.html b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Migration.html index 3e858084b77..32985a2e985 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariant ➡ typevariant--type anchor link

    BeforeStatusAfterDescription
    notification🔁notificationDefault notification with different look
    status❌❌Status can be changed by variants
    🆕inlineNew styling with shadow and rounded corners (like card)

    type ➡ variantstype--variants anchor link

    -
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored notification to show error messages
    informative🔁informational'Blue' colored notification to show information messages
    warning🔁warning'Yellow' colored notification to show warning messages
    success🔁successful'Green' colored notification to show success messages
    \ No newline at end of file +
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored notification to show error messages
    informative🔁informational'Blue' colored notification to show information messages
    warning🔁warning'Yellow' colored notification to show warning messages
    success🔁successful'Green' colored notification to show success messages
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/React.html b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/React.html index 3df33430948..7b8224703dd 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/notification/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Vue.html b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Vue.html index ecf8f1c680a..9ea8652b8e9 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/feedback/notification/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/feedback/notification/how-to-use.html b/review/fix-a11y-form-component-ids/components/feedback/notification/how-to-use.html index 1c300f2876a..f9598e230f2 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/how-to-use.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/fix-a11y-form-component-ids/components/feedback/notification/migration.html b/review/fix-a11y-form-component-ids/components/feedback/notification/migration.html index 6169faf4008..79ed1177e1a 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/migration.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/migration.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/fix-a11y-form-component-ids/components/feedback/notification/overview.html b/review/fix-a11y-form-component-ids/components/feedback/notification/overview.html index 213ac38b0cd..87724a523fc 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/overview.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/overview.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/fix-a11y-form-component-ids/components/feedback/notification/properties.html b/review/fix-a11y-form-component-ids/components/feedback/notification/properties.html index 77e88771ec3..8c61e261ef7 100644 --- a/review/fix-a11y-form-component-ids/components/feedback/notification/properties.html +++ b/review/fix-a11y-form-component-ids/components/feedback/notification/properties.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/fix-a11y-form-component-ids/components/header.html b/review/fix-a11y-form-component-ids/components/header.html index 4d54a1eed30..4d937c5ec63 100644 --- a/review/fix-a11y-form-component-ids/components/header.html +++ b/review/fix-a11y-form-component-ids/components/header.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/fix-a11y-form-component-ids/components/header/docs/Angular.html b/review/fix-a11y-form-component-ids/components/header/docs/Angular.html index 04dd10d2914..bcfd57486dd 100644 --- a/review/fix-a11y-form-component-ids/components/header/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/header/docs/Angular.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/fix-a11y-form-component-ids/components/header/docs/HTML.html b/review/fix-a11y-form-component-ids/components/header/docs/HTML.html index 641aceacb0d..b203e0d9bcb 100644 --- a/review/fix-a11y-form-component-ids/components/header/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/header/docs/HTML.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/fix-a11y-form-component-ids/components/header/docs/React.html b/review/fix-a11y-form-component-ids/components/header/docs/React.html index 27fb621eeae..8dca1d6c426 100644 --- a/review/fix-a11y-form-component-ids/components/header/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/header/docs/React.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/fix-a11y-form-component-ids/components/header/docs/Vue.html b/review/fix-a11y-form-component-ids/components/header/docs/Vue.html index f2d5e0c31fb..d1a1a574f93 100644 --- a/review/fix-a11y-form-component-ids/components/header/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/header/docs/Vue.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/fix-a11y-form-component-ids/components/header/overview.html b/review/fix-a11y-form-component-ids/components/header/overview.html index cf92b898498..041ae345bb4 100644 --- a/review/fix-a11y-form-component-ids/components/header/overview.html +++ b/review/fix-a11y-form-component-ids/components/header/overview.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/fix-a11y-form-component-ids/components/header/properties.html b/review/fix-a11y-form-component-ids/components/header/properties.html index a22e16f8255..247c75454f7 100644 --- a/review/fix-a11y-form-component-ids/components/header/properties.html +++ b/review/fix-a11y-form-component-ids/components/header/properties.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/fix-a11y-form-component-ids/components/infotext.html b/review/fix-a11y-form-component-ids/components/infotext.html index 858a7de5ccd..8a2a5b0e3f3 100644 --- a/review/fix-a11y-form-component-ids/components/infotext.html +++ b/review/fix-a11y-form-component-ids/components/infotext.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/fix-a11y-form-component-ids/components/infotext/docs/Angular.html b/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.html index 1da04334e83..5c8fd1c3ed3 100644 --- a/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/infotext/docs/Angular.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/fix-a11y-form-component-ids/components/infotext/docs/HTML.html b/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.html index e636a2158d8..0fde8bd6dfc 100644 --- a/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/infotext/docs/HTML.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/fix-a11y-form-component-ids/components/infotext/docs/React.html b/review/fix-a11y-form-component-ids/components/infotext/docs/React.html index 63d49b96a58..96f72976468 100644 --- a/review/fix-a11y-form-component-ids/components/infotext/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/infotext/docs/React.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/fix-a11y-form-component-ids/components/infotext/docs/Vue.html b/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.html index f1abd93d6ea..21e71b3244f 100644 --- a/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/infotext/docs/Vue.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/fix-a11y-form-component-ids/components/infotext/overview.html b/review/fix-a11y-form-component-ids/components/infotext/overview.html index ea54c54d0b0..ead41b67520 100644 --- a/review/fix-a11y-form-component-ids/components/infotext/overview.html +++ b/review/fix-a11y-form-component-ids/components/infotext/overview.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/fix-a11y-form-component-ids/components/infotext/properties.html b/review/fix-a11y-form-component-ids/components/infotext/properties.html index 5b7ad932ac0..99f1b99bfcc 100644 --- a/review/fix-a11y-form-component-ids/components/infotext/properties.html +++ b/review/fix-a11y-form-component-ids/components/infotext/properties.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/fix-a11y-form-component-ids/components/input.html b/review/fix-a11y-form-component-ids/components/input.html index 3f55bc1249d..f1551549fd1 100644 --- a/review/fix-a11y-form-component-ids/components/input.html +++ b/review/fix-a11y-form-component-ids/components/input.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/fix-a11y-form-component-ids/components/input/docs/Angular.html b/review/fix-a11y-form-component-ids/components/input/docs/Angular.html index bc9c0fc5281..d056730f4fd 100644 --- a/review/fix-a11y-form-component-ids/components/input/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/input/docs/Angular.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/fix-a11y-form-component-ids/components/input/docs/HTML.html b/review/fix-a11y-form-component-ids/components/input/docs/HTML.html index a8492dd1c4a..2919eed39ba 100644 --- a/review/fix-a11y-form-component-ids/components/input/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/input/docs/HTML.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/fix-a11y-form-component-ids/components/input/docs/React.html b/review/fix-a11y-form-component-ids/components/input/docs/React.html index 93188749e42..2b4c87b193d 100644 --- a/review/fix-a11y-form-component-ids/components/input/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/input/docs/React.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/fix-a11y-form-component-ids/components/input/docs/Vue.html b/review/fix-a11y-form-component-ids/components/input/docs/Vue.html index 2bd2bf3d897..d28b9c6605e 100644 --- a/review/fix-a11y-form-component-ids/components/input/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/input/docs/Vue.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/fix-a11y-form-component-ids/components/input/overview.html b/review/fix-a11y-form-component-ids/components/input/overview.html index cf2f140f928..dd85a07eeb5 100644 --- a/review/fix-a11y-form-component-ids/components/input/overview.html +++ b/review/fix-a11y-form-component-ids/components/input/overview.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/fix-a11y-form-component-ids/components/input/properties.html b/review/fix-a11y-form-component-ids/components/input/properties.html index 7427379169b..9a3741829bd 100644 --- a/review/fix-a11y-form-component-ids/components/input/properties.html +++ b/review/fix-a11y-form-component-ids/components/input/properties.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/fix-a11y-form-component-ids/components/layout.html b/review/fix-a11y-form-component-ids/components/layout.html index b251d52982d..74b289b3927 100644 --- a/review/fix-a11y-form-component-ids/components/layout.html +++ b/review/fix-a11y-form-component-ids/components/layout.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/fix-a11y-form-component-ids/components/layout/card.html b/review/fix-a11y-form-component-ids/components/layout/card.html index 1a05bb1bcb2..1c9880a5441 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card.html +++ b/review/fix-a11y-form-component-ids/components/layout/card.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/fix-a11y-form-component-ids/components/layout/card/docs/Angular.html b/review/fix-a11y-form-component-ids/components/layout/card/docs/Angular.html index 26ee3d963da..f9a9c21be63 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -16,4 +16,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-card>Card content</db-card>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/card/docs/HTML.html b/review/fix-a11y-form-component-ids/components/layout/card/docs/HTML.html index 998d6d920de..1019fdad19e 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/card/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/card/docs/Migration.html b/review/fix-a11y-form-component-ids/components/layout/card/docs/Migration.html index b9a487fd5d6..d90b72cdc52 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariantvariant anchor link

    BeforeStatusAfterDescription
    variant🔁variantThere is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button.
    header❌❌Add your own content via children/slot.
    content❌❌Add your own content via children/slot.

    imageimage anchor link

    -
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/card/docs/React.html b/review/fix-a11y-form-component-ids/components/layout/card/docs/React.html index f84c99dd0b4..b9f3fd819e2 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/card/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/card/docs/Vue.html b/review/fix-a11y-form-component-ids/components/layout/card/docs/Vue.html index 1e05a49df8d..95f1a3e624e 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/card/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/card/how-to-use.html b/review/fix-a11y-form-component-ids/components/layout/card/how-to-use.html index ae206c03d33..0f20664e06b 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/how-to-use.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/fix-a11y-form-component-ids/components/layout/card/migration.html b/review/fix-a11y-form-component-ids/components/layout/card/migration.html index f8302ae7c3a..8ee3dd58511 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/migration.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/fix-a11y-form-component-ids/components/layout/card/overview.html b/review/fix-a11y-form-component-ids/components/layout/card/overview.html index 4a33ccf8533..9519d1f67d2 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/overview.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/overview.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/fix-a11y-form-component-ids/components/layout/card/properties.html b/review/fix-a11y-form-component-ids/components/layout/card/properties.html index a07affd72ec..35c9afb334a 100644 --- a/review/fix-a11y-form-component-ids/components/layout/card/properties.html +++ b/review/fix-a11y-form-component-ids/components/layout/card/properties.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/fix-a11y-form-component-ids/components/layout/divider.html b/review/fix-a11y-form-component-ids/components/layout/divider.html index 36395a42f0f..4b4233d1551 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider.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/fix-a11y-form-component-ids/components/layout/divider/docs/Angular.html b/review/fix-a11y-form-component-ids/components/layout/divider/docs/Angular.html index 1c92a106fbc..6887e7d23dc 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-divider></db-divider>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/divider/docs/HTML.html b/review/fix-a11y-form-component-ids/components/layout/divider/docs/HTML.html index ec581927ca3..0622e7282c2 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/divider/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/divider/docs/Migration.html b/review/fix-a11y-form-component-ids/components/layout/divider/docs/Migration.html index 6964b85ea92..693aa00bdff 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/divider/docs/React.html b/review/fix-a11y-form-component-ids/components/layout/divider/docs/React.html index 6d161fc898b..7f81f3a6efc 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/divider/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/divider/docs/Vue.html b/review/fix-a11y-form-component-ids/components/layout/divider/docs/Vue.html index c83eb735dbb..cdf1f4c0e2d 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/divider/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/divider/how-to-use.html b/review/fix-a11y-form-component-ids/components/layout/divider/how-to-use.html index e84f7daa8b3..aba41fa1b2c 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/how-to-use.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/fix-a11y-form-component-ids/components/layout/divider/migration.html b/review/fix-a11y-form-component-ids/components/layout/divider/migration.html index 8ebd38d9e00..ed9eb3e72aa 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/migration.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/fix-a11y-form-component-ids/components/layout/divider/overview.html b/review/fix-a11y-form-component-ids/components/layout/divider/overview.html index 98ecefb5778..b10028f856d 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/overview.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/overview.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/fix-a11y-form-component-ids/components/layout/divider/properties.html b/review/fix-a11y-form-component-ids/components/layout/divider/properties.html index 1e7d1ef25ef..d159e9dd626 100644 --- a/review/fix-a11y-form-component-ids/components/layout/divider/properties.html +++ b/review/fix-a11y-form-component-ids/components/layout/divider/properties.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/fix-a11y-form-component-ids/components/layout/drawer.html b/review/fix-a11y-form-component-ids/components/layout/drawer.html index 004c7270789..21eabdae553 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer.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/fix-a11y-form-component-ids/components/layout/drawer/docs/Angular.html b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Angular.html index e092305361e..3b9a39005b4 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -28,4 +28,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/HTML.html b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/HTML.html index 1640a5eabbd..02fc34f0ec7 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Migration.html b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Migration.html index be1420406cd..41f3ee899b7 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/React.html b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/React.html index 80e35a5586d..daffb5e96ed 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -31,4 +31,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Vue.html b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Vue.html index 78779c302f4..be94bef0c47 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/layout/drawer/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/drawer/how-to-use.html b/review/fix-a11y-form-component-ids/components/layout/drawer/how-to-use.html index ae040b5d765..74a1d4f6793 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/how-to-use.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/fix-a11y-form-component-ids/components/layout/drawer/migration.html b/review/fix-a11y-form-component-ids/components/layout/drawer/migration.html index 1a931f7c732..4482a6bdaef 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/migration.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/fix-a11y-form-component-ids/components/layout/drawer/overview.html b/review/fix-a11y-form-component-ids/components/layout/drawer/overview.html index 6e93d9a4c2c..05565ed8de7 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/overview.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/overview.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/fix-a11y-form-component-ids/components/layout/drawer/properties.html b/review/fix-a11y-form-component-ids/components/layout/drawer/properties.html index 7c593854e21..4396f592903 100644 --- a/review/fix-a11y-form-component-ids/components/layout/drawer/properties.html +++ b/review/fix-a11y-form-component-ids/components/layout/drawer/properties.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/fix-a11y-form-component-ids/components/layout/header.html b/review/fix-a11y-form-component-ids/components/layout/header.html index 32050109c58..0d207ade511 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header.html +++ b/review/fix-a11y-form-component-ids/components/layout/header.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/fix-a11y-form-component-ids/components/layout/header/docs/Angular.html b/review/fix-a11y-form-component-ids/components/layout/header/docs/Angular.html index b0266cfe303..aaaaf5bee67 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -70,4 +70,4 @@ 
    Full{"props":{"pageProps":{}},"page":"/components/layout/header/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/header/docs/HTML.html b/review/fix-a11y-form-component-ids/components/layout/header/docs/HTML.html index 90c282a3808..f4174b2a7d2 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -161,4 +161,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/header/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/header/docs/Migration.html b/review/fix-a11y-form-component-ids/components/layout/header/docs/Migration.html index a2488d05c73..d780d56c5dc 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    rea-header🔁db-header

    mobilemobile anchor link

    -
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file +
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/header/docs/React.html b/review/fix-a11y-form-component-ids/components/layout/header/docs/React.html index 6c37fa77dab..6d255539d0d 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -54,4 +54,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/layout/header/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/header/docs/Vue.html b/review/fix-a11y-form-component-ids/components/layout/header/docs/Vue.html index 05d7aa4b6e9..eb88e7321f1 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -58,4 +58,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/layout/header/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/header/how-to-use.html b/review/fix-a11y-form-component-ids/components/layout/header/how-to-use.html index cd048cc454b..710f65bf5c7 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/how-to-use.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/fix-a11y-form-component-ids/components/layout/header/migration.html b/review/fix-a11y-form-component-ids/components/layout/header/migration.html index 61360561d0d..1ad3b57a76d 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/migration.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/fix-a11y-form-component-ids/components/layout/header/overview.html b/review/fix-a11y-form-component-ids/components/layout/header/overview.html index d7500cb1afb..c8606a169e3 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/overview.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/overview.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/fix-a11y-form-component-ids/components/layout/header/properties.html b/review/fix-a11y-form-component-ids/components/layout/header/properties.html index 21e3514e703..75080f6dbea 100644 --- a/review/fix-a11y-form-component-ids/components/layout/header/properties.html +++ b/review/fix-a11y-form-component-ids/components/layout/header/properties.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/fix-a11y-form-component-ids/components/layout/section.html b/review/fix-a11y-form-component-ids/components/layout/section.html index 52e7d1a14a3..5f69e9f3066 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section.html +++ b/review/fix-a11y-form-component-ids/components/layout/section.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/fix-a11y-form-component-ids/components/layout/section/docs/Angular.html b/review/fix-a11y-form-component-ids/components/layout/section/docs/Angular.html index d83c3b70083..c20c387e268 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-section variant="full">Section</db-section>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/section/docs/HTML.html b/review/fix-a11y-form-component-ids/components/layout/section/docs/HTML.html index 9679fc3ad26..e7d979c4609 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/section/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/section/docs/Migration.html b/review/fix-a11y-form-component-ids/components/layout/section/docs/Migration.html index a31fe14001b..30be1143fc3 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/section/docs/React.html b/review/fix-a11y-form-component-ids/components/layout/section/docs/React.html index 7d39b3188f9..a3968450b62 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/section/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/section/docs/Vue.html b/review/fix-a11y-form-component-ids/components/layout/section/docs/Vue.html index 70661cc3a95..7425d5dbe83 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/layout/section/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/layout/section/how-to-use.html b/review/fix-a11y-form-component-ids/components/layout/section/how-to-use.html index 8aa89eb1bf3..e8027b7b53e 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/how-to-use.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/fix-a11y-form-component-ids/components/layout/section/migration.html b/review/fix-a11y-form-component-ids/components/layout/section/migration.html index b3904b2bf96..fe75a02545e 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/migration.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/migration.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/fix-a11y-form-component-ids/components/layout/section/overview.html b/review/fix-a11y-form-component-ids/components/layout/section/overview.html index 17836112396..dccc5216feb 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/overview.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/overview.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/fix-a11y-form-component-ids/components/layout/section/properties.html b/review/fix-a11y-form-component-ids/components/layout/section/properties.html index b330581bb96..3024083faa6 100644 --- a/review/fix-a11y-form-component-ids/components/layout/section/properties.html +++ b/review/fix-a11y-form-component-ids/components/layout/section/properties.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/fix-a11y-form-component-ids/components/link.html b/review/fix-a11y-form-component-ids/components/link.html index 289c9fbf4bc..4b7745d67dc 100644 --- a/review/fix-a11y-form-component-ids/components/link.html +++ b/review/fix-a11y-form-component-ids/components/link.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/fix-a11y-form-component-ids/components/link/docs/Angular.html b/review/fix-a11y-form-component-ids/components/link/docs/Angular.html index c33ed4c04b4..438f66e4d20 100644 --- a/review/fix-a11y-form-component-ids/components/link/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/link/docs/Angular.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/fix-a11y-form-component-ids/components/link/docs/HTML.html b/review/fix-a11y-form-component-ids/components/link/docs/HTML.html index 4ea299386b0..d97aa9a75e6 100644 --- a/review/fix-a11y-form-component-ids/components/link/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/link/docs/HTML.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/fix-a11y-form-component-ids/components/link/docs/React.html b/review/fix-a11y-form-component-ids/components/link/docs/React.html index f5ea8182847..c39a41b9704 100644 --- a/review/fix-a11y-form-component-ids/components/link/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/link/docs/React.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/fix-a11y-form-component-ids/components/link/docs/Vue.html b/review/fix-a11y-form-component-ids/components/link/docs/Vue.html index f692378817a..e23b916cb58 100644 --- a/review/fix-a11y-form-component-ids/components/link/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/link/docs/Vue.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/fix-a11y-form-component-ids/components/link/overview.html b/review/fix-a11y-form-component-ids/components/link/overview.html index 17d09bf660e..162b9323b0d 100644 --- a/review/fix-a11y-form-component-ids/components/link/overview.html +++ b/review/fix-a11y-form-component-ids/components/link/overview.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/fix-a11y-form-component-ids/components/link/properties.html b/review/fix-a11y-form-component-ids/components/link/properties.html index 9e050c2ab9a..2c568fe93f0 100644 --- a/review/fix-a11y-form-component-ids/components/link/properties.html +++ b/review/fix-a11y-form-component-ids/components/link/properties.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/fix-a11y-form-component-ids/components/navigation-item.html b/review/fix-a11y-form-component-ids/components/navigation-item.html index 559a08fed63..ae523452f8f 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item.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/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html index 7598ff59c31..9d44f3ede1e 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Angular.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/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html index 51d4293f248..d1520fdfc45 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/HTML.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/fix-a11y-form-component-ids/components/navigation-item/docs/React.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.html index 4f7ccf0b177..06cc72e3794 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/React.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/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html index 18462604c1f..2cb27563114 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item/docs/Vue.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/fix-a11y-form-component-ids/components/navigation-item/overview.html b/review/fix-a11y-form-component-ids/components/navigation-item/overview.html index c8c32896c90..28aa4aa9589 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item/overview.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item/overview.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/fix-a11y-form-component-ids/components/navigation-item/properties.html b/review/fix-a11y-form-component-ids/components/navigation-item/properties.html index d30ca55964b..4b38d719522 100644 --- a/review/fix-a11y-form-component-ids/components/navigation-item/properties.html +++ b/review/fix-a11y-form-component-ids/components/navigation-item/properties.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/fix-a11y-form-component-ids/components/navigation.html b/review/fix-a11y-form-component-ids/components/navigation.html index d439625a6c6..39b548be13e 100644 --- a/review/fix-a11y-form-component-ids/components/navigation.html +++ b/review/fix-a11y-form-component-ids/components/navigation.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/fix-a11y-form-component-ids/components/navigation/docs/Angular.html b/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.html index 5a8f66905c6..77088419396 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/navigation/docs/Angular.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/fix-a11y-form-component-ids/components/navigation/docs/HTML.html b/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.html index 467987c8882..c15fe1bf060 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/navigation/docs/HTML.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/fix-a11y-form-component-ids/components/navigation/docs/React.html b/review/fix-a11y-form-component-ids/components/navigation/docs/React.html index 239a99aa738..35bf751aaa4 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/navigation/docs/React.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/fix-a11y-form-component-ids/components/navigation/docs/Vue.html b/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.html index 5cf3a30ad00..518a0e3e2fe 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/navigation/docs/Vue.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/fix-a11y-form-component-ids/components/navigation/navigation-item.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item.html index 7f6fd264d3f..88adf48e33f 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item.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/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Angular.html index 4f909e08bc0..aba5b7f1f74 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -40,4 +40,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/HTML.html index 3f1062a44ef..5cdbaa06aa2 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Migration.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Migration.html index d66bf52532b..b5aaeea453c 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/React.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/React.html index 096997ccbb1..d8b6dd76737 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    @@ -32,4 +32,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Vue.html index 0ae8849aa57..8f026dee14b 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    @@ -26,4 +26,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation-item/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/how-to-use.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/how-to-use.html index aad4706b332..fc871b3609b 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/how-to-use.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/fix-a11y-form-component-ids/components/navigation/navigation-item/migration.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/migration.html index 1de28d00063..d9f6bd8f5cb 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/migration.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/migration.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/fix-a11y-form-component-ids/components/navigation/navigation-item/overview.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/overview.html index 403cf357a9a..f52d64018e1 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/overview.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/overview.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/fix-a11y-form-component-ids/components/navigation/navigation-item/properties.html b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/properties.html index 04bbafbf748..60a743e371b 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation-item/properties.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation-item/properties.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/fix-a11y-form-component-ids/components/navigation/navigation.html b/review/fix-a11y-form-component-ids/components/navigation/navigation.html index 546fdfcf507..6e5d614434d 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation.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/fix-a11y-form-component-ids/components/navigation/navigation/docs/Angular.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Angular.html index b4bc5c044e0..b7ccedd47a5 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -113,4 +113,4 @@ 
    Angular Router and active stat
 		</ng-container>
 	</db-navigation-item>
 </db-navigation>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/HTML.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/HTML.html index aad098bb08d..0ee20c959d8 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -48,4 +48,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Migration.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Migration.html index 8ec7a936c02..0c27d55a924 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-mainnavigation🔁db-navigation

    childrenchildren anchor link

    -
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/React.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/React.html index e0fe0cd121b..66801c552be 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -43,4 +43,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation/navigation/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Vue.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Vue.html index 163107b9e2b..abd5b5e3e72 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -74,4 +74,4 @@ 
    Vue Router and active state handli
 		</DBNavigationItem>
 	</DBMainNavigation>
 </template>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/navigation/navigation/how-to-use.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/how-to-use.html index 4674b6bbdb9..045e71d4192 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/how-to-use.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/fix-a11y-form-component-ids/components/navigation/navigation/migration.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/migration.html index 7f125138310..7ac083040f5 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/migration.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/migration.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/fix-a11y-form-component-ids/components/navigation/navigation/overview.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/overview.html index 62cf7397d78..0728720ad4d 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/overview.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/overview.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/fix-a11y-form-component-ids/components/navigation/navigation/properties.html b/review/fix-a11y-form-component-ids/components/navigation/navigation/properties.html index 0ce6274ddb8..8a964544815 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/navigation/properties.html +++ b/review/fix-a11y-form-component-ids/components/navigation/navigation/properties.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/fix-a11y-form-component-ids/components/navigation/overview.html b/review/fix-a11y-form-component-ids/components/navigation/overview.html index a723fc94228..7dbc2297ab4 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/overview.html +++ b/review/fix-a11y-form-component-ids/components/navigation/overview.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/fix-a11y-form-component-ids/components/navigation/properties.html b/review/fix-a11y-form-component-ids/components/navigation/properties.html index 7cf002065ef..c226819452d 100644 --- a/review/fix-a11y-form-component-ids/components/navigation/properties.html +++ b/review/fix-a11y-form-component-ids/components/navigation/properties.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/fix-a11y-form-component-ids/components/notification.html b/review/fix-a11y-form-component-ids/components/notification.html index b27c54b8519..33d0b85185c 100644 --- a/review/fix-a11y-form-component-ids/components/notification.html +++ b/review/fix-a11y-form-component-ids/components/notification.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/fix-a11y-form-component-ids/components/notification/docs/Angular.html b/review/fix-a11y-form-component-ids/components/notification/docs/Angular.html index e577520ca5d..0079b6a19fb 100644 --- a/review/fix-a11y-form-component-ids/components/notification/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/notification/docs/Angular.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/fix-a11y-form-component-ids/components/notification/docs/HTML.html b/review/fix-a11y-form-component-ids/components/notification/docs/HTML.html index d470e3b1c1d..375c1ff3767 100644 --- a/review/fix-a11y-form-component-ids/components/notification/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/notification/docs/HTML.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/fix-a11y-form-component-ids/components/notification/docs/React.html b/review/fix-a11y-form-component-ids/components/notification/docs/React.html index cb181f026ae..5422d028c20 100644 --- a/review/fix-a11y-form-component-ids/components/notification/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/notification/docs/React.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/fix-a11y-form-component-ids/components/notification/docs/Vue.html b/review/fix-a11y-form-component-ids/components/notification/docs/Vue.html index 5cc004d07fc..e2f4d3322c3 100644 --- a/review/fix-a11y-form-component-ids/components/notification/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/notification/docs/Vue.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/fix-a11y-form-component-ids/components/notification/overview.html b/review/fix-a11y-form-component-ids/components/notification/overview.html index 5c4be769c6b..b3e802b3f3d 100644 --- a/review/fix-a11y-form-component-ids/components/notification/overview.html +++ b/review/fix-a11y-form-component-ids/components/notification/overview.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/fix-a11y-form-component-ids/components/notification/properties.html b/review/fix-a11y-form-component-ids/components/notification/properties.html index ba56204ddf7..9f7cdf486d5 100644 --- a/review/fix-a11y-form-component-ids/components/notification/properties.html +++ b/review/fix-a11y-form-component-ids/components/notification/properties.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/fix-a11y-form-component-ids/components/popover.html b/review/fix-a11y-form-component-ids/components/popover.html index 6825f0cf5fb..6696e73efa4 100644 --- a/review/fix-a11y-form-component-ids/components/popover.html +++ b/review/fix-a11y-form-component-ids/components/popover.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/fix-a11y-form-component-ids/components/popover/docs/Angular.html b/review/fix-a11y-form-component-ids/components/popover/docs/Angular.html index eb47a879d31..878b8103952 100644 --- a/review/fix-a11y-form-component-ids/components/popover/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/popover/docs/Angular.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/fix-a11y-form-component-ids/components/popover/docs/HTML.html b/review/fix-a11y-form-component-ids/components/popover/docs/HTML.html index 1b1885901d0..c720c96a0d3 100644 --- a/review/fix-a11y-form-component-ids/components/popover/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/popover/docs/HTML.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/fix-a11y-form-component-ids/components/popover/docs/React.html b/review/fix-a11y-form-component-ids/components/popover/docs/React.html index c1e8ecf6b62..7023cd517b0 100644 --- a/review/fix-a11y-form-component-ids/components/popover/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/popover/docs/React.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/fix-a11y-form-component-ids/components/popover/docs/Vue.html b/review/fix-a11y-form-component-ids/components/popover/docs/Vue.html index 5874b00bd04..8631542041c 100644 --- a/review/fix-a11y-form-component-ids/components/popover/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/popover/docs/Vue.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/fix-a11y-form-component-ids/components/popover/overview.html b/review/fix-a11y-form-component-ids/components/popover/overview.html index f91c64f29f1..b3e5fa2a7be 100644 --- a/review/fix-a11y-form-component-ids/components/popover/overview.html +++ b/review/fix-a11y-form-component-ids/components/popover/overview.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/fix-a11y-form-component-ids/components/popover/properties.html b/review/fix-a11y-form-component-ids/components/popover/properties.html index 967ede56890..0eb26205dc7 100644 --- a/review/fix-a11y-form-component-ids/components/popover/properties.html +++ b/review/fix-a11y-form-component-ids/components/popover/properties.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/fix-a11y-form-component-ids/components/radio.html b/review/fix-a11y-form-component-ids/components/radio.html index 041e19166c0..f2a5ad41d1a 100644 --- a/review/fix-a11y-form-component-ids/components/radio.html +++ b/review/fix-a11y-form-component-ids/components/radio.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/fix-a11y-form-component-ids/components/radio/docs/Angular.html b/review/fix-a11y-form-component-ids/components/radio/docs/Angular.html index 374ea203d3d..069cbb9ad73 100644 --- a/review/fix-a11y-form-component-ids/components/radio/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/radio/docs/Angular.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/fix-a11y-form-component-ids/components/radio/docs/HTML.html b/review/fix-a11y-form-component-ids/components/radio/docs/HTML.html index e989d737bf8..6f7bae88dc1 100644 --- a/review/fix-a11y-form-component-ids/components/radio/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/radio/docs/HTML.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/fix-a11y-form-component-ids/components/radio/docs/React.html b/review/fix-a11y-form-component-ids/components/radio/docs/React.html index bc4a96a0fe1..fb523a41b30 100644 --- a/review/fix-a11y-form-component-ids/components/radio/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/radio/docs/React.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/fix-a11y-form-component-ids/components/radio/docs/Vue.html b/review/fix-a11y-form-component-ids/components/radio/docs/Vue.html index 60b1a5ea816..09880597dc2 100644 --- a/review/fix-a11y-form-component-ids/components/radio/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/radio/docs/Vue.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/fix-a11y-form-component-ids/components/radio/overview.html b/review/fix-a11y-form-component-ids/components/radio/overview.html index b649dcc4d62..e1c10b373f3 100644 --- a/review/fix-a11y-form-component-ids/components/radio/overview.html +++ b/review/fix-a11y-form-component-ids/components/radio/overview.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/fix-a11y-form-component-ids/components/radio/properties.html b/review/fix-a11y-form-component-ids/components/radio/properties.html index 856fce36d8c..333c997810d 100644 --- a/review/fix-a11y-form-component-ids/components/radio/properties.html +++ b/review/fix-a11y-form-component-ids/components/radio/properties.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/fix-a11y-form-component-ids/components/readme.html b/review/fix-a11y-form-component-ids/components/readme.html index 22845d9ff6d..9e42c153dd5 100644 --- a/review/fix-a11y-form-component-ids/components/readme.html +++ b/review/fix-a11y-form-component-ids/components/readme.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/fix-a11y-form-component-ids/components/router-usage.html b/review/fix-a11y-form-component-ids/components/router-usage.html index 5af0ce97dd4..9b9b6b8a28a 100644 --- a/review/fix-a11y-form-component-ids/components/router-usage.html +++ b/review/fix-a11y-form-component-ids/components/router-usage.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/fix-a11y-form-component-ids/components/section.html b/review/fix-a11y-form-component-ids/components/section.html index c0a02ebf3c0..1bcd385ac3c 100644 --- a/review/fix-a11y-form-component-ids/components/section.html +++ b/review/fix-a11y-form-component-ids/components/section.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/fix-a11y-form-component-ids/components/section/docs/Angular.html b/review/fix-a11y-form-component-ids/components/section/docs/Angular.html index 586af8cee69..ce0b5f26bbd 100644 --- a/review/fix-a11y-form-component-ids/components/section/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/section/docs/Angular.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/fix-a11y-form-component-ids/components/section/docs/HTML.html b/review/fix-a11y-form-component-ids/components/section/docs/HTML.html index 03dcdc17898..ac835869aa4 100644 --- a/review/fix-a11y-form-component-ids/components/section/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/section/docs/HTML.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/fix-a11y-form-component-ids/components/section/docs/React.html b/review/fix-a11y-form-component-ids/components/section/docs/React.html index faefab7736f..615abeb72bf 100644 --- a/review/fix-a11y-form-component-ids/components/section/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/section/docs/React.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/fix-a11y-form-component-ids/components/section/docs/Vue.html b/review/fix-a11y-form-component-ids/components/section/docs/Vue.html index 8dc418126b0..9ee0a0fd2cd 100644 --- a/review/fix-a11y-form-component-ids/components/section/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/section/docs/Vue.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/fix-a11y-form-component-ids/components/section/overview.html b/review/fix-a11y-form-component-ids/components/section/overview.html index c2a64457e05..da1b3b33842 100644 --- a/review/fix-a11y-form-component-ids/components/section/overview.html +++ b/review/fix-a11y-form-component-ids/components/section/overview.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/fix-a11y-form-component-ids/components/section/properties.html b/review/fix-a11y-form-component-ids/components/section/properties.html index 4df2d5b03e6..c47504377ae 100644 --- a/review/fix-a11y-form-component-ids/components/section/properties.html +++ b/review/fix-a11y-form-component-ids/components/section/properties.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/fix-a11y-form-component-ids/components/select.html b/review/fix-a11y-form-component-ids/components/select.html index 9b0d8064908..17926778793 100644 --- a/review/fix-a11y-form-component-ids/components/select.html +++ b/review/fix-a11y-form-component-ids/components/select.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/fix-a11y-form-component-ids/components/select/docs/Angular.html b/review/fix-a11y-form-component-ids/components/select/docs/Angular.html index 14945c39beb..3cdfa3760ff 100644 --- a/review/fix-a11y-form-component-ids/components/select/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/select/docs/Angular.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/fix-a11y-form-component-ids/components/select/docs/HTML.html b/review/fix-a11y-form-component-ids/components/select/docs/HTML.html index 823cedcba85..1d4cf024325 100644 --- a/review/fix-a11y-form-component-ids/components/select/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/select/docs/HTML.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/fix-a11y-form-component-ids/components/select/docs/React.html b/review/fix-a11y-form-component-ids/components/select/docs/React.html index 6cd68d907f6..6fab1441967 100644 --- a/review/fix-a11y-form-component-ids/components/select/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/select/docs/React.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/fix-a11y-form-component-ids/components/select/docs/Vue.html b/review/fix-a11y-form-component-ids/components/select/docs/Vue.html index 0688d903357..cc455d9ec09 100644 --- a/review/fix-a11y-form-component-ids/components/select/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/select/docs/Vue.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/fix-a11y-form-component-ids/components/select/overview.html b/review/fix-a11y-form-component-ids/components/select/overview.html index d8e6a20603d..799d16c2410 100644 --- a/review/fix-a11y-form-component-ids/components/select/overview.html +++ b/review/fix-a11y-form-component-ids/components/select/overview.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/fix-a11y-form-component-ids/components/select/properties.html b/review/fix-a11y-form-component-ids/components/select/properties.html index d7a98f138c6..4646a886406 100644 --- a/review/fix-a11y-form-component-ids/components/select/properties.html +++ b/review/fix-a11y-form-component-ids/components/select/properties.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/fix-a11y-form-component-ids/components/switch.html b/review/fix-a11y-form-component-ids/components/switch.html index d132199d9d5..9d300d9d713 100644 --- a/review/fix-a11y-form-component-ids/components/switch.html +++ b/review/fix-a11y-form-component-ids/components/switch.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/fix-a11y-form-component-ids/components/switch/docs/Angular.html b/review/fix-a11y-form-component-ids/components/switch/docs/Angular.html index f55399492ba..5022531f838 100644 --- a/review/fix-a11y-form-component-ids/components/switch/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/switch/docs/Angular.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/fix-a11y-form-component-ids/components/switch/docs/HTML.html b/review/fix-a11y-form-component-ids/components/switch/docs/HTML.html index 773e722bdd9..e0c60352e02 100644 --- a/review/fix-a11y-form-component-ids/components/switch/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/switch/docs/HTML.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/fix-a11y-form-component-ids/components/switch/docs/React.html b/review/fix-a11y-form-component-ids/components/switch/docs/React.html index 64244cd4fa6..6ea74a31f58 100644 --- a/review/fix-a11y-form-component-ids/components/switch/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/switch/docs/React.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/fix-a11y-form-component-ids/components/switch/docs/Vue.html b/review/fix-a11y-form-component-ids/components/switch/docs/Vue.html index 0da3b6ac047..1094975c521 100644 --- a/review/fix-a11y-form-component-ids/components/switch/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/switch/docs/Vue.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/fix-a11y-form-component-ids/components/switch/overview.html b/review/fix-a11y-form-component-ids/components/switch/overview.html index 67c3c1cf194..a2882da2c83 100644 --- a/review/fix-a11y-form-component-ids/components/switch/overview.html +++ b/review/fix-a11y-form-component-ids/components/switch/overview.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/fix-a11y-form-component-ids/components/switch/properties.html b/review/fix-a11y-form-component-ids/components/switch/properties.html index c403cbaacf0..c007c783b17 100644 --- a/review/fix-a11y-form-component-ids/components/switch/properties.html +++ b/review/fix-a11y-form-component-ids/components/switch/properties.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/fix-a11y-form-component-ids/components/tab-item.html b/review/fix-a11y-form-component-ids/components/tab-item.html index 6f396e1f45f..64400b5c478 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item.html +++ b/review/fix-a11y-form-component-ids/components/tab-item.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/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html index 3bc4337ac13..2f562f322fb 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/Angular.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/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html index 1654738d85d..5e7908a45c6 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/HTML.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/fix-a11y-form-component-ids/components/tab-item/docs/React.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/React.html index 947f7f386e7..67c794d0f8a 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/React.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/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html index ed783a06b2e..9e85d7f3ffd 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/tab-item/docs/Vue.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/fix-a11y-form-component-ids/components/tab-item/overview.html b/review/fix-a11y-form-component-ids/components/tab-item/overview.html index cbca431e9c9..35057517730 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item/overview.html +++ b/review/fix-a11y-form-component-ids/components/tab-item/overview.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/fix-a11y-form-component-ids/components/tab-item/properties.html b/review/fix-a11y-form-component-ids/components/tab-item/properties.html index c18ecdc1971..71ee5c19883 100644 --- a/review/fix-a11y-form-component-ids/components/tab-item/properties.html +++ b/review/fix-a11y-form-component-ids/components/tab-item/properties.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/fix-a11y-form-component-ids/components/tabs.html b/review/fix-a11y-form-component-ids/components/tabs.html index 894bbd7cc5d..48b27621f0e 100644 --- a/review/fix-a11y-form-component-ids/components/tabs.html +++ b/review/fix-a11y-form-component-ids/components/tabs.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/fix-a11y-form-component-ids/components/tabs/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.html index 30a147ffdac..0102da3c8fe 100644 --- a/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/tabs/docs/Angular.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/fix-a11y-form-component-ids/components/tabs/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.html index 2cb9d1dbd11..ecdb262bcc9 100644 --- a/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/tabs/docs/HTML.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/fix-a11y-form-component-ids/components/tabs/docs/React.html b/review/fix-a11y-form-component-ids/components/tabs/docs/React.html index ab15e979ad5..6aba5878581 100644 --- a/review/fix-a11y-form-component-ids/components/tabs/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/tabs/docs/React.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/fix-a11y-form-component-ids/components/tabs/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.html index f072cbd1655..508b4b14c4b 100644 --- a/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/tabs/docs/Vue.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/fix-a11y-form-component-ids/components/tabs/overview.html b/review/fix-a11y-form-component-ids/components/tabs/overview.html index 2d0a80223fe..1b3948fdf3f 100644 --- a/review/fix-a11y-form-component-ids/components/tabs/overview.html +++ b/review/fix-a11y-form-component-ids/components/tabs/overview.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/fix-a11y-form-component-ids/components/tabs/properties.html b/review/fix-a11y-form-component-ids/components/tabs/properties.html index 8639e7fda8b..bbf6d12af1b 100644 --- a/review/fix-a11y-form-component-ids/components/tabs/properties.html +++ b/review/fix-a11y-form-component-ids/components/tabs/properties.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/fix-a11y-form-component-ids/components/tag.html b/review/fix-a11y-form-component-ids/components/tag.html index 8ffb782a9f9..0f862486390 100644 --- a/review/fix-a11y-form-component-ids/components/tag.html +++ b/review/fix-a11y-form-component-ids/components/tag.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/fix-a11y-form-component-ids/components/tag/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tag/docs/Angular.html index 173ab6add81..8a9b9256501 100644 --- a/review/fix-a11y-form-component-ids/components/tag/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/tag/docs/Angular.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/fix-a11y-form-component-ids/components/tag/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tag/docs/HTML.html index fcc22173486..5b5cd4a032b 100644 --- a/review/fix-a11y-form-component-ids/components/tag/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/tag/docs/HTML.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/fix-a11y-form-component-ids/components/tag/docs/React.html b/review/fix-a11y-form-component-ids/components/tag/docs/React.html index a8ad0b26ba7..3ef2fcf1c15 100644 --- a/review/fix-a11y-form-component-ids/components/tag/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/tag/docs/React.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/fix-a11y-form-component-ids/components/tag/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tag/docs/Vue.html index cae886b220b..0aaa5775052 100644 --- a/review/fix-a11y-form-component-ids/components/tag/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/tag/docs/Vue.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/fix-a11y-form-component-ids/components/tag/overview.html b/review/fix-a11y-form-component-ids/components/tag/overview.html index a7d6d61e96a..b2a6f33d5f1 100644 --- a/review/fix-a11y-form-component-ids/components/tag/overview.html +++ b/review/fix-a11y-form-component-ids/components/tag/overview.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/fix-a11y-form-component-ids/components/tag/properties.html b/review/fix-a11y-form-component-ids/components/tag/properties.html index 1e65b7960b4..e32218cdb7b 100644 --- a/review/fix-a11y-form-component-ids/components/tag/properties.html +++ b/review/fix-a11y-form-component-ids/components/tag/properties.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/fix-a11y-form-component-ids/components/textarea.html b/review/fix-a11y-form-component-ids/components/textarea.html index 92b1bc37cc6..467b003555d 100644 --- a/review/fix-a11y-form-component-ids/components/textarea.html +++ b/review/fix-a11y-form-component-ids/components/textarea.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/fix-a11y-form-component-ids/components/textarea/docs/Angular.html b/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.html index 751231297d1..c9dff98a047 100644 --- a/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/textarea/docs/Angular.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/fix-a11y-form-component-ids/components/textarea/docs/HTML.html b/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.html index 441cd3087ff..a107af0d2c6 100644 --- a/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/textarea/docs/HTML.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/fix-a11y-form-component-ids/components/textarea/docs/React.html b/review/fix-a11y-form-component-ids/components/textarea/docs/React.html index ac411dbd6a5..56f572557a3 100644 --- a/review/fix-a11y-form-component-ids/components/textarea/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/textarea/docs/React.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/fix-a11y-form-component-ids/components/textarea/docs/Vue.html b/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.html index e8f93c274bc..dcea98a8454 100644 --- a/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/textarea/docs/Vue.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/fix-a11y-form-component-ids/components/textarea/overview.html b/review/fix-a11y-form-component-ids/components/textarea/overview.html index 947c6228bce..73d204c5506 100644 --- a/review/fix-a11y-form-component-ids/components/textarea/overview.html +++ b/review/fix-a11y-form-component-ids/components/textarea/overview.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/fix-a11y-form-component-ids/components/textarea/properties.html b/review/fix-a11y-form-component-ids/components/textarea/properties.html index 56f779a8c86..3d6f78eb357 100644 --- a/review/fix-a11y-form-component-ids/components/textarea/properties.html +++ b/review/fix-a11y-form-component-ids/components/textarea/properties.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/fix-a11y-form-component-ids/components/tooltip.html b/review/fix-a11y-form-component-ids/components/tooltip.html index 50f60f99001..1e23ef206e4 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip.html +++ b/review/fix-a11y-form-component-ids/components/tooltip.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/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html index 9b7e400f757..adcfb2afe0b 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/Angular.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/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html index 849bad289b7..1ab0b2cbe38 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/HTML.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/fix-a11y-form-component-ids/components/tooltip/docs/React.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/React.html index 1c2efa3bd5b..39e5761004d 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/React.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/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html b/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html index 08851d46ceb..6262dda6095 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/tooltip/docs/Vue.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/fix-a11y-form-component-ids/components/tooltip/overview.html b/review/fix-a11y-form-component-ids/components/tooltip/overview.html index 06e60fcdaa8..dda7696ec51 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip/overview.html +++ b/review/fix-a11y-form-component-ids/components/tooltip/overview.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/fix-a11y-form-component-ids/components/tooltip/properties.html b/review/fix-a11y-form-component-ids/components/tooltip/properties.html index afe2885c9c2..0df497a52b8 100644 --- a/review/fix-a11y-form-component-ids/components/tooltip/properties.html +++ b/review/fix-a11y-form-component-ids/components/tooltip/properties.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/fix-a11y-form-component-ids/components/utilities.html b/review/fix-a11y-form-component-ids/components/utilities.html index 8830294db75..b6d90e1864d 100644 --- a/review/fix-a11y-form-component-ids/components/utilities.html +++ b/review/fix-a11y-form-component-ids/components/utilities.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/fix-a11y-form-component-ids/components/utilities/popover.html b/review/fix-a11y-form-component-ids/components/utilities/popover.html index fa1ed920a65..634e09bc8ea 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover.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/fix-a11y-form-component-ids/components/utilities/popover/docs/Angular.html b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Angular.html index 99b5d6edcc8..79b6d703ba3 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Angular.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/Angular","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/HTML.html b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/HTML.html index 0a1d62e3f6d..ac83bcfea05 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/HTML.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -14,4 +14,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/HTML","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Migration.html b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Migration.html index 964ad082931..86d03f85258 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Migration.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/React.html b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/React.html index d29f7dec4e3..981c65ff2f3 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/React.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/React","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Vue.html b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Vue.html index b0e906f14d2..0a0925875bf 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Vue.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -15,4 +15,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/utilities/popover/docs/Vue","query":{},"buildId":"2GjHt8bcFwmZ0kYiQXlb5","assetPrefix":"/mono/review/fix-a11y-form-component-ids","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/components/utilities/popover/how-to-use.html b/review/fix-a11y-form-component-ids/components/utilities/popover/how-to-use.html index 2cf2020f471..449bf16f5fd 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/how-to-use.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/how-to-use.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/fix-a11y-form-component-ids/components/utilities/popover/migration.html b/review/fix-a11y-form-component-ids/components/utilities/popover/migration.html index 0967b71ca77..a1e62acb201 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/migration.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/migration.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/fix-a11y-form-component-ids/components/utilities/popover/overview.html b/review/fix-a11y-form-component-ids/components/utilities/popover/overview.html index e356a12b3c0..a8666b1681e 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/overview.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/overview.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/fix-a11y-form-component-ids/components/utilities/popover/properties.html b/review/fix-a11y-form-component-ids/components/utilities/popover/properties.html index 0858d55769d..7913499f1f5 100644 --- a/review/fix-a11y-form-component-ids/components/utilities/popover/properties.html +++ b/review/fix-a11y-form-component-ids/components/utilities/popover/properties.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/fix-a11y-form-component-ids/components/validation.html b/review/fix-a11y-form-component-ids/components/validation.html index 12cac0ad3af..5d2ec36d080 100644 --- a/review/fix-a11y-form-component-ids/components/validation.html +++ b/review/fix-a11y-form-component-ids/components/validation.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/fix-a11y-form-component-ids/foundations.html b/review/fix-a11y-form-component-ids/foundations.html index 679e736a9cc..e6e534a39c5 100644 --- a/review/fix-a11y-form-component-ids/foundations.html +++ b/review/fix-a11y-form-component-ids/foundations.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/fix-a11y-form-component-ids/foundations/colors.html b/review/fix-a11y-form-component-ids/foundations/colors.html index 04fd78ec1a3..e7458f72a84 100644 --- a/review/fix-a11y-form-component-ids/foundations/colors.html +++ b/review/fix-a11y-form-component-ids/foundations/colors.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/fix-a11y-form-component-ids/foundations/colors/color-schemes.html b/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.html index 49f9a65c476..16b3a34e940 100644 --- a/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.html +++ b/review/fix-a11y-form-component-ids/foundations/colors/color-schemes.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/fix-a11y-form-component-ids/foundations/colors/overview.html b/review/fix-a11y-form-component-ids/foundations/colors/overview.html index debbaf46582..682ed865f85 100644 --- a/review/fix-a11y-form-component-ids/foundations/colors/overview.html +++ b/review/fix-a11y-form-component-ids/foundations/colors/overview.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/fix-a11y-form-component-ids/foundations/colors/readme.html b/review/fix-a11y-form-component-ids/foundations/colors/readme.html index cffd13865ff..94958c5f6ba 100644 --- a/review/fix-a11y-form-component-ids/foundations/colors/readme.html +++ b/review/fix-a11y-form-component-ids/foundations/colors/readme.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/fix-a11y-form-component-ids/foundations/densities.html b/review/fix-a11y-form-component-ids/foundations/densities.html index f6e230f191e..2492c85fe68 100644 --- a/review/fix-a11y-form-component-ids/foundations/densities.html +++ b/review/fix-a11y-form-component-ids/foundations/densities.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/fix-a11y-form-component-ids/foundations/densities/examples.html b/review/fix-a11y-form-component-ids/foundations/densities/examples.html index 440417539ff..05d7f7d1562 100644 --- a/review/fix-a11y-form-component-ids/foundations/densities/examples.html +++ b/review/fix-a11y-form-component-ids/foundations/densities/examples.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/fix-a11y-form-component-ids/foundations/densities/readme.html b/review/fix-a11y-form-component-ids/foundations/densities/readme.html index 078500b503f..8dd67bfce3d 100644 --- a/review/fix-a11y-form-component-ids/foundations/densities/readme.html +++ b/review/fix-a11y-form-component-ids/foundations/densities/readme.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/fix-a11y-form-component-ids/foundations/font-sizes.html b/review/fix-a11y-form-component-ids/foundations/font-sizes.html index 8f2aaf5d8eb..92dd6cb5d40 100644 --- a/review/fix-a11y-form-component-ids/foundations/font-sizes.html +++ b/review/fix-a11y-form-component-ids/foundations/font-sizes.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/fix-a11y-form-component-ids/foundations/font-sizes/overview.html b/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.html index cc3accac10a..83bf85bf9db 100644 --- a/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.html +++ b/review/fix-a11y-form-component-ids/foundations/font-sizes/overview.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/fix-a11y-form-component-ids/foundations/font-sizes/readme.html b/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.html index d90cbb4946a..85ebb00a925 100644 --- a/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.html +++ b/review/fix-a11y-form-component-ids/foundations/font-sizes/readme.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/fix-a11y-form-component-ids/foundations/icons.html b/review/fix-a11y-form-component-ids/foundations/icons.html index 56392776f88..2238ec82a28 100644 --- a/review/fix-a11y-form-component-ids/foundations/icons.html +++ b/review/fix-a11y-form-component-ids/foundations/icons.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/fix-a11y-form-component-ids/foundations/icons/custom-icons.html b/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.html index 6c1ef705df0..f720e627a50 100644 --- a/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.html +++ b/review/fix-a11y-form-component-ids/foundations/icons/custom-icons.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/fix-a11y-form-component-ids/foundations/icons/overview.html b/review/fix-a11y-form-component-ids/foundations/icons/overview.html index 90c4d8b44c2..6612c9bdc34 100644 --- a/review/fix-a11y-form-component-ids/foundations/icons/overview.html +++ b/review/fix-a11y-form-component-ids/foundations/icons/overview.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/fix-a11y-form-component-ids/foundations/icons/readme.html b/review/fix-a11y-form-component-ids/foundations/icons/readme.html index 842d76d692f..10b6c1b6064 100644 --- a/review/fix-a11y-form-component-ids/foundations/icons/readme.html +++ b/review/fix-a11y-form-component-ids/foundations/icons/readme.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/fix-a11y-form-component-ids/foundations/readme.html b/review/fix-a11y-form-component-ids/foundations/readme.html index c8674f801ba..1d3e642c778 100644 --- a/review/fix-a11y-form-component-ids/foundations/readme.html +++ b/review/fix-a11y-form-component-ids/foundations/readme.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/fix-a11y-form-component-ids/foundations/variables.html b/review/fix-a11y-form-component-ids/foundations/variables.html index 252528e7253..ced60f8c867 100644 --- a/review/fix-a11y-form-component-ids/foundations/variables.html +++ b/review/fix-a11y-form-component-ids/foundations/variables.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/fix-a11y-form-component-ids/foundations/variables/examples.html b/review/fix-a11y-form-component-ids/foundations/variables/examples.html index a414179de98..9d3965b0efe 100644 --- a/review/fix-a11y-form-component-ids/foundations/variables/examples.html +++ b/review/fix-a11y-form-component-ids/foundations/variables/examples.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/fix-a11y-form-component-ids/foundations/variables/readme.html b/review/fix-a11y-form-component-ids/foundations/variables/readme.html index 373bf314ae9..b6ea6781b76 100644 --- a/review/fix-a11y-form-component-ids/foundations/variables/readme.html +++ b/review/fix-a11y-form-component-ids/foundations/variables/readme.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/fix-a11y-form-component-ids/iframe.html b/review/fix-a11y-form-component-ids/iframe.html index 8904009c347..2aea63706a5 100644 --- a/review/fix-a11y-form-component-ids/iframe.html +++ b/review/fix-a11y-form-component-ids/iframe.html @@ -1 +1 @@ -DB UI Mono
    Wrong format
    \ No newline at end of file +DB UI Mono
    Wrong format
    \ No newline at end of file diff --git a/review/fix-a11y-form-component-ids/index.html b/review/fix-a11y-form-component-ids/index.html index a51cfe8c08c..e66a6a33203 100644 --- a/review/fix-a11y-form-component-ids/index.html +++ b/review/fix-a11y-form-component-ids/index.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file