diff --git a/review/docs-generate-copy-code/404.html b/review/docs-generate-copy-code/404.html index f6585eb14a0..93325d1a615 100644 --- a/review/docs-generate-copy-code/404.html +++ b/review/docs-generate-copy-code/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/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion-item.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion-item.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion-item.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion-item.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion-item/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion-item/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion-item/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion-item/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/accordion/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/accordion/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/button.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/button.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/button.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/button.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/button/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/button/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/button/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/button/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/link.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/link.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/link.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/link.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/link/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/link/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/action/link/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/action/link/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/badge.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/badge.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/badge.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/badge.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/badge/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/badge/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/badge/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/badge/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/brand.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/brand.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/brand.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/brand.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/brand/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/brand/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/brand/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/brand/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/button.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/button.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/button.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/button.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/button/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/button/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/button/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/button/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/card.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/card.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/card.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/card.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/card/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/card/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/card/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/card/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/checkbox.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/checkbox.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/checkbox.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/checkbox.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/checkbox/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/checkbox/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/checkbox/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/checkbox/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion-item.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion-item.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion-item.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion-item.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion-item/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion-item/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion-item/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion-item/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/accordion/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/accordion/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/brand.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/brand.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/brand.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/brand.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/brand/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/brand/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/brand/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/brand/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/infotext.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/infotext.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/infotext.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/infotext.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/infotext/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/infotext/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/infotext/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/infotext/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tab-item.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tab-item.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tab-item.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tab-item.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tab-item/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tab-item/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tab-item/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tab-item/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tabs.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tabs.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tabs.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tabs.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tabs/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tabs/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tabs/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tabs/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tag.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tag.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tag.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tag.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tag/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tag/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tag/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tag/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tooltip.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tooltip.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tooltip.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tooltip.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tooltip/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tooltip/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-display/tooltip/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-display/tooltip/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/checkbox.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/checkbox.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/checkbox.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/checkbox.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/checkbox/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/checkbox/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/checkbox/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/checkbox/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/input.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/input.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/input.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/input.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/input/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/input/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/input/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/input/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/radio.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/radio.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/radio.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/radio.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/radio/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/radio/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/radio/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/radio/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/select.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/select.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/select.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/select.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/select/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/select/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/select/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/select/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/switch.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/switch.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/switch.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/switch.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/switch/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/switch/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/switch/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/switch/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/textarea.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/textarea.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/textarea.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/textarea.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/textarea/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/textarea/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/data-input/textarea/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/data-input/textarea/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/divider.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/divider.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/divider.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/divider.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/divider/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/divider/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/divider/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/divider/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/drawer.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/drawer.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/drawer.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/drawer.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/drawer/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/drawer/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/drawer/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/drawer/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/badge.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/badge.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/badge.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/badge.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/badge/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/badge/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/badge/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/badge/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/notification.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/notification.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/notification.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/notification.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/notification/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/notification/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/feedback/notification/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/feedback/notification/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/header.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/header.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/header.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/header.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/header/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/header/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/header/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/header/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/infotext.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/infotext.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/infotext.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/infotext.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/infotext/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/infotext/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/infotext/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/infotext/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/input.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/input.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/input.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/input.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/input/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/input/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/input/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/input/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/card.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/card.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/card.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/card.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/card/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/card/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/card/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/card/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/divider.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/divider.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/divider.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/divider.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/divider/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/divider/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/divider/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/divider/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/drawer.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/drawer.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/drawer.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/drawer.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/drawer/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/drawer/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/drawer/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/drawer/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/header.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/header.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/header.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/header.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/header/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/header/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/header/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/header/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/section.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/section.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/section.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/section.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/section/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/section/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/layout/section/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/layout/section/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/link.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/link.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/link.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/link.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/link/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/link/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/link/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/link/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation-item.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation-item.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation-item.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation-item.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation-item/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation-item/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation-item/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation-item/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation-item.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation-item.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation-item.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation-item.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation-item/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation-item/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation-item/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation-item/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/navigation/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/navigation/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/navigation/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/navigation/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/notification.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/notification.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/notification.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/notification.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/notification/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/notification/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/notification/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/notification/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/popover.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/popover.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/popover.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/popover.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/popover/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/popover/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/popover/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/popover/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/radio.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/radio.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/radio.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/radio.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/radio/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/radio/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/radio/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/radio/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/section.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/section.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/section.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/section.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/section/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/section/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/section/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/section/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/select.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/select.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/select.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/select.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/select/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/select/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/select/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/select/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/switch.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/switch.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/switch.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/switch.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/switch/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/switch/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/switch/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/switch/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tab-item.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tab-item.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tab-item.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tab-item.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tab-item/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tab-item/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tab-item/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tab-item/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tabs.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tabs.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tabs.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tabs.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tabs/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tabs/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tabs/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tabs/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tag.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tag.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tag.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tag.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tag/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tag/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tag/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tag/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/textarea.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/textarea.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/textarea.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/textarea.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/textarea/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/textarea/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/textarea/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/textarea/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tooltip.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tooltip.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tooltip.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tooltip.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tooltip/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tooltip/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/tooltip/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/tooltip/overview.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/utilities.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/utilities.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/utilities.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/utilities.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/utilities/popover.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/utilities/popover.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/utilities/popover.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/utilities/popover.json diff --git a/review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/utilities/popover/overview.json b/review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/utilities/popover/overview.json similarity index 100% rename from review/docs-generate-copy-code/_next/data/xLiIsdjv2Vn9E38TpnHln/components/utilities/popover/overview.json rename to review/docs-generate-copy-code/_next/data/2R_-urhJIrrTU32HVCoEO/components/utilities/popover/overview.json diff --git a/review/docs-generate-copy-code/_next/static/xLiIsdjv2Vn9E38TpnHln/_buildManifest.js b/review/docs-generate-copy-code/_next/static/2R_-urhJIrrTU32HVCoEO/_buildManifest.js similarity index 81% rename from review/docs-generate-copy-code/_next/static/xLiIsdjv2Vn9E38TpnHln/_buildManifest.js rename to review/docs-generate-copy-code/_next/static/2R_-urhJIrrTU32HVCoEO/_buildManifest.js index 98d4ea96444..243af379eb2 100644 --- a/review/docs-generate-copy-code/_next/static/xLiIsdjv2Vn9E38TpnHln/_buildManifest.js +++ b/review/docs-generate-copy-code/_next/static/2R_-urhJIrrTU32HVCoEO/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,t,s,n,a,c){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":[a,"static/chunks/pages/base64-2bd770f71e2c89fa.js"],"/components/accordion/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion/docs/Angular-1fc6c1735751efd8.js"],"/components/accordion/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion/docs/HTML-33e6a81e7047883b.js"],"/components/accordion/docs/React":[t,o,s,"static/chunks/pages/components/accordion/docs/React-83107bbf0b5ea40c.js"],"/components/accordion/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion/docs/Vue-4a10e6eebced9214.js"],"/components/accordion/properties":[t,o,s,"static/chunks/pages/components/accordion/properties-0edb3b011338f66c.js"],"/components/accordion-item/docs/Angular":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Angular-485e4caffa36627f.js"],"/components/accordion-item/docs/HTML":[t,o,s,"static/chunks/pages/components/accordion-item/docs/HTML-40551afeb49287a1.js"],"/components/accordion-item/docs/React":[t,o,s,"static/chunks/pages/components/accordion-item/docs/React-432dd104fef83410.js"],"/components/accordion-item/docs/Vue":[t,o,s,"static/chunks/pages/components/accordion-item/docs/Vue-a446d0d122b11b98.js"],"/components/accordion-item/properties":[t,o,s,"static/chunks/pages/components/accordion-item/properties-d22c23245a7a294d.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":[c,"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,c,"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-c30737e7341298e3.js"],"/components/badge/docs/HTML":[t,o,s,"static/chunks/pages/components/badge/docs/HTML-7dc9df0db3315343.js"],"/components/badge/docs/React":[t,o,s,"static/chunks/pages/components/badge/docs/React-149d31dcd6245af4.js"],"/components/badge/docs/Vue":[t,o,s,"static/chunks/pages/components/badge/docs/Vue-e340c954c2c9bea8.js"],"/components/badge/properties":[t,o,s,"static/chunks/pages/components/badge/properties-17e504a97de7eb4e.js"],"/components/brand/docs/Angular":[t,o,s,"static/chunks/pages/components/brand/docs/Angular-042b2ed217b48009.js"],"/components/brand/docs/HTML":[t,o,s,"static/chunks/pages/components/brand/docs/HTML-6a3c6e6133b5e38c.js"],"/components/brand/docs/React":[t,o,s,"static/chunks/pages/components/brand/docs/React-ada0975bdbf8ff42.js"],"/components/brand/docs/Vue":[t,o,s,"static/chunks/pages/components/brand/docs/Vue-53e0696cf6206d0d.js"],"/components/brand/properties":[t,o,s,"static/chunks/pages/components/brand/properties-2b150479d26135ac.js"],"/components/button/docs/Angular":[t,o,s,"static/chunks/pages/components/button/docs/Angular-1b56e0e5439bb0b2.js"],"/components/button/docs/HTML":[t,o,s,"static/chunks/pages/components/button/docs/HTML-213d9c7e455af070.js"],"/components/button/docs/React":[t,o,s,"static/chunks/pages/components/button/docs/React-5231d54fbe381e56.js"],"/components/button/docs/Vue":[t,o,s,"static/chunks/pages/components/button/docs/Vue-497e8c3861596285.js"],"/components/button/properties":[t,o,s,"static/chunks/pages/components/button/properties-7372b9e8bbc36196.js"],"/components/card/docs/Angular":[t,o,s,"static/chunks/pages/components/card/docs/Angular-0a1ea5a36c2cbd37.js"],"/components/card/docs/HTML":[t,o,s,"static/chunks/pages/components/card/docs/HTML-4c26f67d3e39dfd2.js"],"/components/card/docs/React":[t,o,s,"static/chunks/pages/components/card/docs/React-5ce602b9001e7b74.js"],"/components/card/docs/Vue":[t,o,s,"static/chunks/pages/components/card/docs/Vue-d05cdf36b98145fd.js"],"/components/card/properties":[t,o,s,"static/chunks/pages/components/card/properties-73f7b191da3370b3.js"],"/components/checkbox/docs/Angular":[t,o,s,"static/chunks/pages/components/checkbox/docs/Angular-74d3256c1a94ea7f.js"],"/components/checkbox/docs/HTML":[t,o,s,"static/chunks/pages/components/checkbox/docs/HTML-eb3de3e7b4a552d7.js"],"/components/checkbox/docs/React":[t,o,s,"static/chunks/pages/components/checkbox/docs/React-573d91a99116302f.js"],"/components/checkbox/docs/Vue":[t,o,s,"static/chunks/pages/components/checkbox/docs/Vue-17c562d84f49b9ef.js"],"/components/checkbox/properties":[t,o,s,"static/chunks/pages/components/checkbox/properties-7bca91eea5384d71.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-7ab4d9720a9c7b4b.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-ef4db5e77c227682.js"],"/components/divider/docs/HTML":[t,o,s,"static/chunks/pages/components/divider/docs/HTML-267a1df0f2ab13e9.js"],"/components/divider/docs/React":[t,o,s,"static/chunks/pages/components/divider/docs/React-a8f7eadc1cf2977e.js"],"/components/divider/docs/Vue":[t,o,s,"static/chunks/pages/components/divider/docs/Vue-f74a7e1ad49f87a9.js"],"/components/divider/properties":[t,o,s,"static/chunks/pages/components/divider/properties-7f58903c1f5b77a8.js"],"/components/drawer/docs/Angular":[t,o,s,"static/chunks/pages/components/drawer/docs/Angular-ccfe48aca3f9fe96.js"],"/components/drawer/docs/HTML":[t,o,s,"static/chunks/pages/components/drawer/docs/HTML-140dfacaf2d5f0f3.js"],"/components/drawer/docs/React":[t,o,s,"static/chunks/pages/components/drawer/docs/React-1dc63c4aa8337ae3.js"],"/components/drawer/docs/Vue":[t,o,s,"static/chunks/pages/components/drawer/docs/Vue-49a7c9d480dfa359.js"],"/components/drawer/properties":[t,o,s,"static/chunks/pages/components/drawer/properties-78073bfc60946412.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-1baa0cc9a3ea5919.js"],"/components/header/docs/HTML":[t,o,s,"static/chunks/pages/components/header/docs/HTML-0b7ed6a7cff7fe89.js"],"/components/header/docs/React":[t,o,s,"static/chunks/pages/components/header/docs/React-bdc1e0dc8dfc8f9d.js"],"/components/header/docs/Vue":[t,o,s,"static/chunks/pages/components/header/docs/Vue-5c8fd73236d40138.js"],"/components/header/properties":[t,o,s,"static/chunks/pages/components/header/properties-13ded0192e261b95.js"],"/components/infotext/docs/Angular":[t,o,s,"static/chunks/pages/components/infotext/docs/Angular-a5050e5064f3a5e2.js"],"/components/infotext/docs/HTML":[t,o,s,"static/chunks/pages/components/infotext/docs/HTML-2d4e9c84d08cec4a.js"],"/components/infotext/docs/React":[t,o,s,"static/chunks/pages/components/infotext/docs/React-25526a285297aecd.js"],"/components/infotext/docs/Vue":[t,o,s,"static/chunks/pages/components/infotext/docs/Vue-b62b26b3caa3acc7.js"],"/components/infotext/properties":[t,o,s,"static/chunks/pages/components/infotext/properties-a5eace661e8f89e2.js"],"/components/input/docs/Angular":[t,o,s,"static/chunks/pages/components/input/docs/Angular-91377d3ef641884a.js"],"/components/input/docs/HTML":[t,o,s,"static/chunks/pages/components/input/docs/HTML-010dde4d9e9487cf.js"],"/components/input/docs/React":[t,o,s,"static/chunks/pages/components/input/docs/React-41fa3173648d47de.js"],"/components/input/docs/Vue":[t,o,s,"static/chunks/pages/components/input/docs/Vue-887cc5aac3f0ad69.js"],"/components/input/properties":[t,o,s,"static/chunks/pages/components/input/properties-b820e677a385edbf.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-56de4fcd90a8f9a1.js"],"/components/link/docs/HTML":[t,o,s,"static/chunks/pages/components/link/docs/HTML-61b1075c6b40b06a.js"],"/components/link/docs/React":[t,o,s,"static/chunks/pages/components/link/docs/React-05cdae0a6abbb9ab.js"],"/components/link/docs/Vue":[t,o,s,"static/chunks/pages/components/link/docs/Vue-e327ebe5e5b65c22.js"],"/components/link/properties":[t,o,s,"static/chunks/pages/components/link/properties-5c14f06a14286179.js"],"/components/navigation/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation/docs/Angular-81bad504f2dd6d39.js"],"/components/navigation/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation/docs/HTML-3cbe21f93a13da54.js"],"/components/navigation/docs/React":[t,o,s,"static/chunks/pages/components/navigation/docs/React-baf00fc75ffb11d7.js"],"/components/navigation/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation/docs/Vue-0bd623828d35755a.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-61fe4d7aacf24094.js"],"/components/navigation-item/docs/Angular":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Angular-96c55105300a3d2d.js"],"/components/navigation-item/docs/HTML":[t,o,s,"static/chunks/pages/components/navigation-item/docs/HTML-9045057597e309e0.js"],"/components/navigation-item/docs/React":[t,o,s,"static/chunks/pages/components/navigation-item/docs/React-d6ccef972bb79e2f.js"],"/components/navigation-item/docs/Vue":[t,o,s,"static/chunks/pages/components/navigation-item/docs/Vue-da717af82af2d613.js"],"/components/navigation-item/properties":[t,o,s,"static/chunks/pages/components/navigation-item/properties-f970677b034c3c20.js"],"/components/notification/docs/Angular":[t,o,s,"static/chunks/pages/components/notification/docs/Angular-d049f2c9ecc6e161.js"],"/components/notification/docs/HTML":[t,o,s,"static/chunks/pages/components/notification/docs/HTML-8843fb2aa7728f26.js"],"/components/notification/docs/React":[t,o,s,"static/chunks/pages/components/notification/docs/React-b86d2545f8a55f6b.js"],"/components/notification/docs/Vue":[t,o,s,"static/chunks/pages/components/notification/docs/Vue-4422d723176ce3ff.js"],"/components/notification/properties":[t,o,s,"static/chunks/pages/components/notification/properties-b345f0540180c6bb.js"],"/components/popover/docs/Angular":[t,o,s,"static/chunks/pages/components/popover/docs/Angular-e75cf597715cd20c.js"],"/components/popover/docs/HTML":[t,o,s,"static/chunks/pages/components/popover/docs/HTML-1ccadc893cd5aade.js"],"/components/popover/docs/React":[t,o,s,"static/chunks/pages/components/popover/docs/React-1816a8cf071f32a9.js"],"/components/popover/docs/Vue":[t,o,s,"static/chunks/pages/components/popover/docs/Vue-ae7abae8b4c1eba0.js"],"/components/popover/properties":[t,o,s,"static/chunks/pages/components/popover/properties-d2bfcb9d392198e2.js"],"/components/radio/docs/Angular":[t,o,s,"static/chunks/pages/components/radio/docs/Angular-038a95a151f0ecbf.js"],"/components/radio/docs/HTML":[t,o,s,"static/chunks/pages/components/radio/docs/HTML-8b9fba5b02637131.js"],"/components/radio/docs/React":[t,o,s,"static/chunks/pages/components/radio/docs/React-44d910d7b0c8145c.js"],"/components/radio/docs/Vue":[t,o,s,"static/chunks/pages/components/radio/docs/Vue-ba7510a106b43c3a.js"],"/components/radio/properties":[t,o,s,"static/chunks/pages/components/radio/properties-5f2bca4da9081ed3.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-d661fecc1b212ca8.js"],"/components/section/docs/HTML":[t,o,s,"static/chunks/pages/components/section/docs/HTML-4493e9d0c0eaa1a1.js"],"/components/section/docs/React":[t,o,s,"static/chunks/pages/components/section/docs/React-4401dea3d0573c02.js"],"/components/section/docs/Vue":[t,o,s,"static/chunks/pages/components/section/docs/Vue-2a56534dc756adac.js"],"/components/section/properties":[t,o,s,"static/chunks/pages/components/section/properties-c7dca917ebd5ab10.js"],"/components/select/docs/Angular":[t,o,s,"static/chunks/pages/components/select/docs/Angular-46f3328f2abeb0ea.js"],"/components/select/docs/HTML":[t,o,s,"static/chunks/pages/components/select/docs/HTML-8f56d0e9552b80bd.js"],"/components/select/docs/React":[t,o,s,"static/chunks/pages/components/select/docs/React-9d7181e7e0ba78aa.js"],"/components/select/docs/Vue":[t,o,s,"static/chunks/pages/components/select/docs/Vue-75b71f0e6cefc8c5.js"],"/components/select/properties":[t,o,s,"static/chunks/pages/components/select/properties-e2697d62289055b5.js"],"/components/switch/docs/Angular":[t,o,s,"static/chunks/pages/components/switch/docs/Angular-603383813fc7ee99.js"],"/components/switch/docs/HTML":[t,o,s,"static/chunks/pages/components/switch/docs/HTML-e0c863358f3209c9.js"],"/components/switch/docs/React":[t,o,s,"static/chunks/pages/components/switch/docs/React-219f890aeac4e07f.js"],"/components/switch/docs/Vue":[t,o,s,"static/chunks/pages/components/switch/docs/Vue-bfd4bb8e34080e8f.js"],"/components/switch/properties":[t,o,s,"static/chunks/pages/components/switch/properties-91d937b358e09cd9.js"],"/components/tab-item/docs/Angular":[t,o,s,"static/chunks/pages/components/tab-item/docs/Angular-222dabefcb809bbc.js"],"/components/tab-item/docs/HTML":[t,o,s,"static/chunks/pages/components/tab-item/docs/HTML-a36f88d881f94e86.js"],"/components/tab-item/docs/React":[t,o,s,"static/chunks/pages/components/tab-item/docs/React-d4ded1b5d9152932.js"],"/components/tab-item/docs/Vue":[t,o,s,"static/chunks/pages/components/tab-item/docs/Vue-5bbacdce9ecef65a.js"],"/components/tab-item/properties":[t,o,s,"static/chunks/pages/components/tab-item/properties-76d39ad72a988282.js"],"/components/tabs/docs/Angular":[t,o,s,"static/chunks/pages/components/tabs/docs/Angular-2a618cd3372d4b54.js"],"/components/tabs/docs/HTML":[t,o,s,"static/chunks/pages/components/tabs/docs/HTML-20e844912bef0523.js"],"/components/tabs/docs/React":[t,o,s,"static/chunks/pages/components/tabs/docs/React-c5e18883519b247a.js"],"/components/tabs/docs/Vue":[t,o,s,"static/chunks/pages/components/tabs/docs/Vue-8ae029edb24d8d0b.js"],"/components/tabs/properties":[t,o,s,"static/chunks/pages/components/tabs/properties-d77894f2c3aae8c2.js"],"/components/tag/docs/Angular":[t,o,s,"static/chunks/pages/components/tag/docs/Angular-ecb42bace5d775e3.js"],"/components/tag/docs/HTML":[t,o,s,"static/chunks/pages/components/tag/docs/HTML-d84ef3048bb325c7.js"],"/components/tag/docs/React":[t,o,s,"static/chunks/pages/components/tag/docs/React-67c10c8eab03e8bf.js"],"/components/tag/docs/Vue":[t,o,s,"static/chunks/pages/components/tag/docs/Vue-b09c6b3e0eba1c34.js"],"/components/tag/properties":[t,o,s,"static/chunks/pages/components/tag/properties-6d92419c0365572f.js"],"/components/textarea/docs/Angular":[t,o,s,"static/chunks/pages/components/textarea/docs/Angular-de9bab11d957fa83.js"],"/components/textarea/docs/HTML":[t,o,s,"static/chunks/pages/components/textarea/docs/HTML-ca1274b26191edcb.js"],"/components/textarea/docs/React":[t,o,s,"static/chunks/pages/components/textarea/docs/React-830eb57e765bb89c.js"],"/components/textarea/docs/Vue":[t,o,s,"static/chunks/pages/components/textarea/docs/Vue-accb8fbbc2eac3ce.js"],"/components/textarea/properties":[t,o,s,"static/chunks/pages/components/textarea/properties-c2f0097fac1d6c93.js"],"/components/tooltip/docs/Angular":[t,o,s,"static/chunks/pages/components/tooltip/docs/Angular-b7e8b709f3f47836.js"],"/components/tooltip/docs/HTML":[t,o,s,"static/chunks/pages/components/tooltip/docs/HTML-db1565445c7a27c1.js"],"/components/tooltip/docs/React":[t,o,s,"static/chunks/pages/components/tooltip/docs/React-ba908f3b6ec752c9.js"],"/components/tooltip/docs/Vue":[t,o,s,"static/chunks/pages/components/tooltip/docs/Vue-fd876ec6f05bdda2.js"],"/components/tooltip/properties":[t,o,s,"static/chunks/pages/components/tooltip/properties-eec171e27e53357f.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-ca2d552654644455.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-830deb0e56333b19.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]]-4bcad683c8d4188d.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-7b114869dd12371c.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-7733ee9a2a1bacde.js"],"/foundations/font-sizes/readme":[t,n,o,s,"static/chunks/pages/foundations/font-sizes/readme-30ab57c784ac1f17.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":[a,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-e9f3c80461c7098c.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-ebfba22af8fe8d27.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-2bd770f71e2c89fa.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-7ab4d9720a9c7b4b.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-ca2d552654644455.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-830deb0e56333b19.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-c9a2258cf2eae150.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-e9f3c80461c7098c.js","static/chunks/6061-5b34ee49160a32a2.js","static/chunks/2811-a3d7351966209228.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/docs-generate-copy-code/_next/static/xLiIsdjv2Vn9E38TpnHln/_ssgManifest.js b/review/docs-generate-copy-code/_next/static/2R_-urhJIrrTU32HVCoEO/_ssgManifest.js similarity index 100% rename from review/docs-generate-copy-code/_next/static/xLiIsdjv2Vn9E38TpnHln/_ssgManifest.js rename to review/docs-generate-copy-code/_next/static/2R_-urhJIrrTU32HVCoEO/_ssgManifest.js diff --git a/review/docs-generate-copy-code/_next/static/chunks/2811-ebfba22af8fe8d27.js b/review/docs-generate-copy-code/_next/static/chunks/2811-a3d7351966209228.js similarity index 56% rename from review/docs-generate-copy-code/_next/static/chunks/2811-ebfba22af8fe8d27.js rename to review/docs-generate-copy-code/_next/static/chunks/2811-a3d7351966209228.js index 49b0889370c..c73cc9bd648 100644 --- a/review/docs-generate-copy-code/_next/static/chunks/2811-ebfba22af8fe8d27.js +++ b/review/docs-generate-copy-code/_next/static/chunks/2811-a3d7351966209228.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2811],{92811:function(n,e,t){t.d(e,{Z6:function(){return ax},Ec:function(){return ag},tp:function(){return aT},vY:function(){return aD},kn:function(){return aj},vn:function(){return aB}});var a={};t.r(a),t.d(a,{Behaviour:function(){return eh},Content:function(){return eu},Density:function(){return er},Size:function(){return eb},State:function(){return ed},Variant:function(){return ec}});var i={};t.r(i),t.d(i,{Content:function(){return ev},Density:function(){return ep},InteractionStates:function(){return eg},Semantic:function(){return em},Size:function(){return ex}});var o={};t.r(o),t.d(o,{Behaviour:function(){return ej},Density:function(){return eD},Variant:function(){return eB}});var s={};t.r(s),t.d(s,{ContentStates:function(){return ew},Density:function(){return eT},InteractionStates:function(){return ef}});var l={};t.r(l),t.d(l,{Tonality:function(){return ey},Variants:function(){return ek}});var r={};t.r(r),t.d(r,{Animations:function(){return eE},Density:function(){return eZ},Emphasis:function(){return eN},Placement:function(){return eC},Variant:function(){return eI},Width:function(){return e_}});var c={};t.r(c),t.d(c,{Density:function(){return eL},Semantic:function(){return eR},Size:function(){return eA}});var d={};t.r(d),t.d(d,{Behaviour:function(){return eS},Content:function(){return eV},Density:function(){return eH},Emphasis:function(){return eO},Example:function(){return eU},Overflow:function(){return eW},Semantic:function(){return eP},State:function(){return eF}});var b={};t.r(b),t.d(b,{Examples:function(){return eG},Orientation:function(){return ez},Overflow:function(){return eJ},Tonality:function(){return eM},Width:function(){return eq}});var u={};t.r(u),t.d(u,{Behaviour:function(){return eQ},Content:function(){return eK},ContentAlignmentFullWidth:function(){return eX},Density:function(){return eY},States:function(){return e$}});var h={};t.r(h),t.d(h,{Content:function(){return e4},Density:function(){return e0},InteractionStates:function(){return e1},Requirement:function(){return e5},Size:function(){return e3},States:function(){return e2}});var p={};t.r(p),t.d(p,{Content:function(){return te},Density:function(){return e8},ExampleTypes:function(){return ta},ExampleTypesFloatingLabel:function(){return ti},Requirement:function(){return tt},StatesFloatingLabel:function(){return tn},StatesLabelAbove:function(){return e9},VariantHelperMessage:function(){return e7},VariantLabel:function(){return e6}});var m={};t.r(m),t.d(m,{Content:function(){return td},Density:function(){return to},InteractionStates:function(){return ts},Requirement:function(){return tc},Size:function(){return tr},States:function(){return tl}});var g={};t.r(g),t.d(g,{Content:function(){return tg},Density:function(){return tb},Requirement:function(){return tx},StatesFloatingLabel:function(){return tm},StatesLabelAbove:function(){return tp},VariantHelperMessage:function(){return th},VariantLabel:function(){return tu}});var x={};t.r(x),t.d(x,{Content:function(){return tf},Density:function(){return tv},Emphasis:function(){return tB},Examples:function(){return tw},Size:function(){return tT},States:function(){return tD},VisualAid:function(){return tj}});var v={};t.r(v),t.d(v,{Density:function(){return ty},Requirement:function(){return tC},Rows:function(){return t_},StatesFloatingLabel:function(){return tN},StatesLabelAbove:function(){return tI},VariantHelperMessage:function(){return tZ},VariantLabel:function(){return tk}});var D={};t.r(D),t.d(D,{Behaviour:function(){return tA},ContentVariantDocked:function(){return tH},ContentVariantOverlay:function(){return tP},ContentVariantStandalone:function(){return tO},Density:function(){return tE},Semantic:function(){return tR},Variant:function(){return tL}});var B={};t.r(B),t.d(B,{Content:function(){return tU},Density:function(){return tS},Emphasis:function(){return tF},Examples:function(){return tz},Placement:function(){return tM},Semantic:function(){return tV},Size:function(){return tW}});var j={};t.r(j),t.d(j,{Behaviour:function(){return tY},Density:function(){return tq},ElevationLevel:function(){return tJ},Example:function(){return t$},Spacing:function(){return tG}});var T={};t.r(T),t.d(T,{Density:function(){return tK},Emphasis:function(){return tX},Variant:function(){return tQ}});var f={};t.r(f),t.d(f,{Backdrop:function(){return t5},Density:function(){return t0},Directions:function(){return t4},Rounded:function(){return t2},Size:function(){return t1},Spacing:function(){return t3}});var w={};t.r(w),t.d(w,{Behaviour:function(){return t7},Examples:function(){return t9},Tonality:function(){return t8},Width:function(){return t6}});var y={};t.r(y),t.d(y,{Density:function(){return an},Spacing:function(){return at},Width:function(){return ae}});var k={};t.r(k),t.d(k,{Density:function(){return aa}});var Z={};t.r(Z),t.d(Z,{Content:function(){return as},Density:function(){return ai},InteractionStates:function(){return ao},Width:function(){return al}});var I={};t.r(I),t.d(I,{Animations:function(){return au},Density:function(){return ar},Gap:function(){return ab},Placement:function(){return ad},Spacing:function(){return ac},Width:function(){return ah}});var N=t(52322),C=t(10326),_=t(2784),E=t(70741),L=t(45886),R=t(50350),A=t(39846),H=t(82876),O=()=>{let n=(0,H.useRouter)(),e=(0,H.usePathname)(),[t,a]=[(0,H.useSearchParams)()];return[t,t=>{{let n=new URLSearchParams(window.location.href.split("?")[1]);n.sort();let e=new URLSearchParams(t);if(e.sort(),n.toString()===e.toString())return}a?a(t):e&&(null==n||n.push("".concat(e,"?").concat(new URLSearchParams(t).toString())))}]},P=function(){var n,e;let t=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[a,i]=O(),[o,s]=(0,_.useState)(null!==(n=a.get(A.eM))&&void 0!==n?n:A.pw.REGULAR),[l,r]=(0,_.useState)(null!==(e=a.get(A.a_))&&void 0!==e?e:A.r$.NEUTRAL_BG_LEVEL_1),[c,d]=(0,_.useState)(void 0),[b,u]=(0,_.useState)(!1),[h,p]=(0,_.useState)(!1);return(0,_.useEffect)(()=>{for(let[n,e]of Array.from(a.entries()))e&&(n===A.eM&&o!==e&&s(e),n===A.a_&&l!==e&&r(e),"page"===n&&c!==e.toLowerCase()&&d(e.toLowerCase()),"fullscreen"===n&&!!e!==b&&u(!!e));p(!0)},[a]),(0,_.useEffect)(()=>{if(h){let n={density:o,color:l};c&&(n.page=c),b&&(n.fullscreen=!0),t&&i(n)}},[l,o,c,b,h]),[o,s,l,r,c,b]},S=t(34406);let F=n=>{let{examples:e,color:t,SlotCode:a}=n,i=(0,_.useCallback)(()=>(null==t?void 0:t.includes("3"))?"3":(null==t?void 0:t.includes("2"))?"2":"1",[t]),[o,s]=(0,_.useState)();return(0,N.jsxs)(E.Z,{className:"variants-card db-code-docs",elevationLevel:i(),children:[(0,N.jsx)("div",{className:"variants-list",children:e.map((n,e)=>(0,N.jsx)("div",{style:n.style,className:n.className,children:n.example},"".concat(n.name,"-").concat(e)))}),a&&(0,N.jsxs)("details",{className:"code-details",onToggle:()=>{s(!o)},children:[(0,N.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"filled",children:o?"Hide code":"Show code"}),(0,N.jsxs)("div",{className:"db-density-functional",children:[(0,N.jsx)("div",{className:"backdrop"}),(0,N.jsx)(E.Z,{className:"code",spacing:"small",children:(0,N.jsx)(a,{})})]})]})]})};var V=n=>{var e;let{title:t,variants:a,subComponent:i,isSubComponent:o,componentName:s}=n,l=null==S||null===(e=S.env)||void 0===e,r=P(l)[4],c=P(l)[2],d=n=>{{let e=new URLSearchParams(window.location.href.split("?")[1]);return e.set("page",n.toLowerCase()),"".concat(window.location.href.split("?")[0],"?").concat(e.toString())}},b=(n,e)=>{var t;if(!window.location.origin||!window.location.href)return;let a=window.location.href.split("?"),i=a[0],o=new URLSearchParams(null!==(t=a[1])&&void 0!==t?t:"");o.set("page",e.toLowerCase());let l=s?"".concat(i.replace(/\/[a-z\d\-_]*\/overview/,"/".concat(s,"/overview")),"?").concat(o.toString()):"".concat(a[0],"?").concat(o.toString());window.open(l,"_blank")};if(r){let n=a.find(n=>n.name.toLowerCase()===r);if(n)return(0,N.jsx)(F,{...n,color:c})}return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("div",{className:"default-container",children:[(0,N.jsx)(o?"h2":"h1",{children:t}),null==a?void 0:a.map((n,e)=>(0,N.jsxs)("div",{children:[(0,N.jsx)(L.Z,{}),(0,N.jsx)(R.Z,{className:"link-headline",content:"external",target:"_blank",onClick:e=>{b(e,n.name)},href:d(n.name),children:n.name}),(0,N.jsx)(F,{...n,color:c})]},"".concat(n.name,"-").concat(e)))]}),i]})},W=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Variant","examples":[{"name":"(Default) Outlined - Adaptive"},{"name":"Filled - Adaptive","props":{"variant":"filled"}},{"name":"Ghost - Adaptive","props":{"variant":"ghost"}},{"name":"Brand","props":{"variant":"brand"}}]},{"name":"State","examples":[{"name":"(Default) Enabled"},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon & Text","props":{"icon":"user"}},{"name":"Icon","props":{"icon":"user","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width"},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]');let U=(n,e,t)=>n.map((n,a)=>({...n,SlotCode:null==t?void 0:t[n.name.replaceAll(" ","")],examples:n.examples.map((n,t)=>{var a,i,o,s;return{...n,example:e({...n.props,id:null!==(o=null===(a=n.props)||void 0===a?void 0:a.id)&&void 0!==o?o:n.name,children:null!==(s=null===(i=n.props)||void 0===i?void 0:i.children)&&void 0!==s?s:n.name})}})})),M=n=>{let{variant:e,state:t,size:a,noText:i,icon:o,width:s,disabled:l,children:r}=n;return(0,N.jsx)(C.Z,{variant:e,state:t,size:a,noText:i,icon:o,disabled:l,width:s,onClick:()=>{alert(r.toString())},children:r})};var z=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 q=n=>{let{href:e,variant:t,disabled:a,size:i,content:o,children:s}=n;return(0,N.jsx)(R.Z,{href:e,variant:t,disabled:a,size:i,content:o,children:s})};var J=t(47437),G=t(38663),Y=t(70453),$=JSON.parse('[{"name":"Density","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Variant","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"background (default)"},{"name":"card","props":{"variant":"card"}}]},{"name":"Behaviour","children":[{"name":"accordion-item","content":"Content 1","props":{"headline":"Item 1"}},{"name":"accordion-item","content":"Content 2","props":{"headline":"Item 2"}},{"name":"accordion-item","content":"Content 3","props":{"headline":"Item 3"}}],"examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"}},{"name":"Single","props":{"behaviour":"single"}}]}]');let K=n=>{let{behaviour:e,children:t,variant:a}=n;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J.Z,{size:"small",semantic:"informational",icon:"none",children:t}),(0,N.jsxs)(G.Z,{behaviour:e,variant:a,children:[(0,N.jsx)(Y.Z,{headlinePlain:"Item 1",content:"Content 1"}),(0,N.jsx)(Y.Z,{headlinePlain:"Item 2",content:"Content 2"}),(0,N.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=n=>{let{children:e,disabled:t,open:a,headlinePlain:i}=n;return(0,N.jsx)(Y.Z,{headlinePlain:i,disabled:t,defaultOpen:a,children:e})};var nn=n=>(0,N.jsx)(V,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:U(Q,X,n.slotCode)}),ne=t(98310),nt=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Variants","examples":[{"name":"(Default) With Logo"},{"name":"No Logo","props":{"hideLogo":true}},{"name":"Custom Logo","props":{"hideLogo":true,"customLogo":true}}]}]'),na=t(34406);let ni=n=>{var e,t;let{children:a,hideLogo:i,customLogo:o}=n;return(0,N.jsxs)(ne.Z,{hideLogo:i,children:[o&&(0,N.jsx)("img",{src:"".concat(null!==(t=null==na?void 0:null===(e=na.env)||void 0===e?void 0:"/mono/review/docs-generate-copy-code")&&void 0!==t?t:"/react-showcase","/assets/images/placeholder.jpg"),alt:"logo"}),a]})};var no=t(79031),ns=JSON.parse('[{"name":"Density","children":[{"name":"button"}],"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","children":[{"name":"button"}],"examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","children":[{"name":"button"}],"examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","children":[{"name":"button"}],"examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","children":[{"name":"button"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","children":[{"name":"button"}],"examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]');let nl=n=>{let{children:e,width:t,emphasis:a,placement:i,delay:o,content:s,animation:l,variant:r}=n;return(0,N.jsxs)(C.Z,{children:[e,(0,N.jsx)(no.Z,{width:t,emphasis:a,placement:i,animation:l,delay:o,variant:r,children:s})]})};var nr=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium"},{"name":"Small","props":{"size":"small"}}]}]');let nc=n=>{let{semantic:e,size:t,icon:a,children:i}=n;return(0,N.jsx)(J.Z,{semantic:e,size:t,icon:a,children:i})};var nd=t(73253),nb=t(1689),nu=t(78016),nh=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Static"},{"name":"Interactive Button","props":{"component":"button"},"children":[{"name":"button"}]},{"name":"Interactive Link","props":{"component":"link"},"children":[{"name":"link"}]},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"children":[{"name":"checkbox"}]},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"radio","props":{"name":"radio01"}}]},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01"},"children":[{"name":"radio","props":{"name":"radio01"}}]},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"children":[{"name":"checkbox"}]},{"name":"Checked","props":{"component":"checkbox","checked":true},"children":[{"name":"checkbox","props":{"checked":true}}]},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"children":[{"name":"checkbox","props":{"checked":true,"disabled":true}}]}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"Icon","props":{"icon":"user","noText":true}},{"name":"Icon & Text","props":{"icon":"user"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow"},{"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"},"children":[{"name":"button"}]},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"user"},"children":[{"name":"link"}]},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"user"},"children":[{"name":"checkbox"}]},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"children":[{"name":"radio","props":{"name":"radio02"}}]},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"user","identifier":"radio02"},"children":[{"name":"radio","props":{"name":"radio02"}}]}]}]');let np=n=>{let{semantic:e,disabled:t,children:a,icon:i,overflow:o,noText:s,behaviour:l,emphasis:r,removeButton:c,checked:d,component:b,identifier:u}=n,[h,p]=(0,_.useState)(null!=d&&d);return(0,N.jsxs)(nd.Z,{semantic:e,disabled:t,icon:i,noText:s,behaviour:l,emphasis:r,overflow:o,removeButton:c,onRemove:()=>{alert(a.toString())},children:["button"===b&&(0,N.jsx)(C.Z,{children:a}),"link"===b&&(0,N.jsx)(R.Z,{href:"#",children:a}),"checkbox"===b&&(0,N.jsx)(nb.Z,{checked:h,onChange:n=>{p(n.target.checked)},children:a}),"radio"===b&&(0,N.jsx)(nu.Z,{checked:d,name:u,children:a}),!b&&!o&&(0,N.jsx)(N.Fragment,{children:a}),!b&&o&&(0,N.jsx)("span",{children:a})]})};var nm=t(57092),ng=t(57884),nx=t(57284),nv=t(49953),nD=JSON.parse('[{"name":"Tonality","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Orientation","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"horizontal","props":{"orientation":"horizontal"}},{"name":"vertical","props":{"orientation":"vertical"}}]},{"name":"Width","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"}}]},{"name":"Overflow","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true}}]},{"name":"Examples","children":[{"name":"tab-list","children":[{"name":"tab-item","content":"Tab 1"},{"name":"tab-item","content":"Tab 2"},{"name":"tab-item","content":"Tab 3"}]},{"name":"tab-panel","content":"Tab Panel 1"},{"name":"tab-panel","content":"Tab Panel 2"},{"name":"tab-panel","content":"Tab Panel 3"}],"examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"}}]}]');let nB=n=>{let{children:e,orientation:t,width:a,alignment:i,overflow:o,behaviour:s,initialSelectedMode:l,initialSelectedIndex:r}=n;return(0,N.jsxs)("div",{className:"w-full",children:[(0,N.jsxs)(J.Z,{icon:"none",size:"small",semantic:"informational",children:[e,":"]}),(0,N.jsxs)(nm.Z,{orientation:t,width:a,alignment:i,behaviour:s,initialSelectedIndex:r,initialSelectedMode:l,arrowScrollDistance:75,children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Test 1"}),(0,N.jsx)(nx.Z,{children:"Test 2"}),(0,N.jsx)(nx.Z,{children:"Test 3"}),o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(nx.Z,{children:"Test 4"}),(0,N.jsx)(nx.Z,{children:"Test 5"})]})]}),(0,N.jsx)(nv.Z,{children:"Tab Panel 1"}),(0,N.jsx)(nv.Z,{children:"Tab Panel 2"}),(0,N.jsx)(nv.Z,{children:"Tab Panel 3"}),o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(nv.Z,{children:"Tab Panel 4"}),(0,N.jsx)(nv.Z,{children:"Tab Panel 5"})]})]})]})};var nj=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 nT=n=>{let{children:e,active:t,noText:a,icon:i,iconAfter:o,disabled:s}=n;return(0,N.jsx)(ng.Z,{children:(0,N.jsx)(nx.Z,{active:t,noText:a,icon:i,iconAfter:o,disabled:s,children:e})})};var nf=n=>(0,N.jsx)(V,{title:"DBTabItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:U(nj,nT,n.slotCode)}),nw=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 ny=n=>{let{label:e,size:t,name:a,checked:i,required:o,children:s,disabled:l,indeterminate:r,variant:c}=n;return(0,N.jsx)(nb.Z,{label:e,size:t,name:a,defaultChecked:i,required:o,disabled:l,variant:c,indeterminate:r,children:s})};var nk=t(49475),nZ=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 nI=n=>{let{label:e,value:t,type:a,minLength:i,required:o,disabled:s,iconAfter:l,icon:r,children:c,message:d,variant:b,readOnly:u}=n;return(0,N.jsx)(nk.Z,{label:e,message:d,placeholder:c,variant:b,defaultValue:t,type:a,minLength:i,required:o,disabled:s,readOnly:u,iconAfter:l,icon:r})};var nN=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 nC=n=>{let{label:e,size:t,name:a,checked:i,required:o,children:s,disabled:l,value:r,variant:c}=n;return(0,N.jsx)(nu.Z,{label:e,size:t,name:a,defaultChecked:i,required:o,disabled:l,variant:c,value:r,children:s})};var n_=t(79081),nE=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"},{"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"},{"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 nL=n=>{let{children:e,label:t,options:a,icon:i,message:o,disabled:s,value:l,required:r,variant:c}=n;return(0,N.jsx)(n_.Z,{label:t,placeholder:e,options:a,disabled:s,variant:c,icon:i,value:l,message:o,required:r,children:e})};var nR=t(55025),nA=JSON.parse('[{"name":"Density","examples":[{"name":"functional","className":"db-density-functional"},{"name":"regular (Default)","className":"db-density-regular"},{"name":"expressive","className":"db-density-expressive"}]},{"name":"States","examples":[{"name":"(Def) Enabled"},{"name":"Checked","props":{"checked":true}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Emphasis","examples":[{"name":"(Def) Weak + unchecked","props":{"emphasis":"weak"}},{"name":"Strong + unchecked","props":{"emphasis":"strong"}},{"name":"(Def) Weak + checked","props":{"emphasis":"weak","checked":true}},{"name":"Strong + checked","props":{"emphasis":"strong","checked":true}}]},{"name":"Visual Aid","examples":[{"name":"(Def) No Visual Aid + unchecked","props":{"visualAid":false}},{"name":"Visual Aid + unchecked","props":{"visualAid":true}},{"name":"(Def) No Visual Aid + checked","props":{"visualAid":false,"checked":true}},{"name":"Visual Aid + checked","props":{"visualAid":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Def) Medium"},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Def) Label"},{"name":"No Label","props":{"variant":"hidden"}}]},{"name":"Examples","examples":[{"name":"Custom Icons","props":{"visualAid":true,"icon":"night","iconAfter":"day"}},{"name":"Custom Icons+ Emphasis","props":{"visualAid":true,"icon":"lock_closed","iconAfter":"lock_open","emphasis":"strong"}}]}]');let nH=n=>{let{children:e,checked:t,visualAid:a,disabled:i,variant:o,emphasis:s,size:l,icon:r,iconAfter:c}=n;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(nR.Z,{visualAid:a,defaultChecked:t,disabled:i,variant:o,size:l,emphasis:s,icon:r,iconAfter:c,children:e}),"hidden"===o&&(0,N.jsx)(J.Z,{semantic:"informational",icon:"none",children:e})]})};var nO=t(22723),nP=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 nS=n=>{let{cols:e,disabled:t,message:a,label:i,placeholder:o,rows:s,value:l,readOnly:r,required:c,children:d,variant:b}=n,[u,h]=(0,_.useState)(l);return(0,N.jsx)(nO.Z,{cols:e,disabled:t,message:a,label:i,variant:b,readOnly:r,onChange:n=>{h(n.target.value)},required:c,placeholder:null!=o?o:d,rows:s,value:u})};var nF=t(99242),nV=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"},"children":[{"name":"img","slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Content - Variant:Standalone","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"standalone","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"img","slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"standalone","behaviour":"permanent"}},{"name":"Text & Textlink Block","style":{"width":"300px"},"props":{"link":true,"variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Textlink Inline","style":{"width":"300px"},"props":{"link":true,"linkVariant":"inline","variant":"standalone","behaviour":"permanent"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]},{"name":"Text & Icon & Headline & Textlink Inline & Cloaseable","style":{"width":"300px"},"props":{"icon":"information_circle","headline":"Headline","link":true,"linkVariant":"inline","variant":"standalone"},"children":[{"name":"link","slot":"link","content":"Textlink","props":{"href":"#"}}]}]},{"name":"Content - Variant:Overlay","examples":[{"name":"Text","style":{"width":"300px"},"props":{"variant":"overlay","behaviour":"permanent"}},{"name":"Text & Icon","style":{"width":"300px"},"props":{"icon":"information_circle","variant":"overlay","behaviour":"permanent"}},{"name":"Text & Preview Image","style":{"width":"300px"},"props":{"img":true,"variant":"overlay","behaviour":"permanent"},"children":[{"name":"img","slot":"image","content":"","props":{"src":"/assets/images/placeholder.jpg","alt":""}}]},{"name":"Text & Headline","style":{"width":"300px"},"props":{"headline":"Headline","variant":"overlay","behaviour":"permanent"}},{"name":"Text & 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"}}]}]'),nW=t(34406);let nU=()=>{var n,e;return(null==nW?void 0:null===(n=nW.env)||void 0===n?void 0:"/mono/review/docs-generate-copy-code")?"/mono/review/docs-generate-copy-code":null===(e=window.env)||void 0===e?void 0:e.BASE_URL},nM=n=>{let{semantic:e,icon:t,headline:a,variant:i,children:o,behaviour:s,link:l,timestamp:r,linkVariant:c,img:d}=n;return(0,N.jsx)(nF.Z,{semantic:e,icon:t,headline:a,link:l?(0,N.jsx)(R.Z,{href:"#",children:"Textlink"}):void 0,image:d?(0,N.jsx)("img",{src:"".concat(nU(),"/assets/images/placeholder.jpg"),alt:"Placeholder"}):void 0,variant:i,behaviour:s,linkVariant:c,timestamp:r,onClose:()=>{alert(o.toString())},children:o})};var nz=t(82919),nq=t(74819),nJ=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak"},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive"},{"name":"Neutral","props":{"semantic":"neutral"}},{"name":"Critical","props":{"semantic":"critical"}},{"name":"Informational","props":{"semantic":"informational"}},{"name":"Successful","props":{"semantic":"successful"}},{"name":"Warning","props":{"semantic":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"semantic":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"semantic":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"semantic":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"semantic":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"semantic":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small"},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text"},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","content":"","props":{"noContent":true}},{"name":"Dot - Medium","content":"","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","content":"","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","content":"","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","content":"","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","content":"","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","content":"","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","content":"","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]');let nG=n=>{let{children:e,semantic:t,emphasis:a,noContent:i,size:o,placement:s,example:l}=n;return(0,N.jsxs)(N.Fragment,{children:[!s&&!l&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(nz.Z,{semantic:t,emphasis:a,size:o,children:i?"":e}),i&&(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),s&&"inline"!==s&&!l&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)(C.Z,{icon:"user",variant:"outlined",noText:!0,children:[(0,N.jsx)(nz.Z,{size:"small",emphasis:"strong",semantic:"critical",placement:s}),e]}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),"inline"===s&&(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)("div",{className:"badge-inline-container",children:[(0,N.jsx)(nq.Z,{icon:"user"}),(0,N.jsx)("span",{children:e}),(0,N.jsx)(nz.Z,{size:"small",emphasis:"strong",semantic:"critical",children:"Label"}),(0,N.jsx)(nq.Z,{icon:"error"})]})}),"icon"===l&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(nz.Z,{semantic:"critical",emphasis:"strong",size:o,children:(0,N.jsx)(nq.Z,{icon:"user",children:e})}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]}),"number"===l&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(nz.Z,{semantic:"successful",children:"9"}),(0,N.jsx)(nz.Z,{semantic:"informational",children:"12"}),(0,N.jsx)(nz.Z,{semantic:"warning",children:"123"}),(0,N.jsx)(nz.Z,{size:"small",emphasis:"strong",semantic:"successful",children:"9"}),(0,N.jsx)(nz.Z,{size:"small",emphasis:"strong",semantic:"informational",children:"12"}),(0,N.jsx)(nz.Z,{size:"small",emphasis:"strong",semantic:"warning",children:"123"}),(0,N.jsx)(J.Z,{semantic:"informational",size:"small",icon:"none",children:e})]})]})};var nY=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"},{"name":"functional","className":"db-density-functional"}]},{"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"},{"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 n$=n=>{let{behaviour:e,children:t,spacing:a,elevationLevel:i}=n;return(0,N.jsx)(E.Z,{behaviour:e,spacing:a,elevationLevel:i,children:(0,N.jsx)("strong",{children:t})})};var nK=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","style":{"width":"200px"},"content":"","className":"db-density-functional"},{"name":"(Default) Regular","style":{"width":"200px"},"content":"","className":"db-density-regular"},{"name":"Expressive","style":{"width":"200px"},"content":"","className":"db-density-expressive"}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"content":""},{"name":"Adaptive - Vertical","style":{"height":"100px"},"content":"","props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"content":""},{"name":"Strong","style":{"width":"200px"},"content":"","props":{"emphasis":"strong"}}]}]');let nQ=n=>{let{variant:e,emphasis:t,children:a}=n;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J.Z,{size:"small",semantic:"informational",children:a}),(0,N.jsx)(L.Z,{variant:e,emphasis:t})]})};var nX=t(37402),n0=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"(Default) Regular","className":"db-density-regular","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Expressive","className":"db-density-expressive","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true,"open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Invisible","props":{"withCloseButton":true,"backdrop":"invisible","open":"open","onClose":"toggleDrawer(false)"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none","open":"open","onClose":"toggleDrawer(false)"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true,"open":"open","onClose":"toggleDrawer(false)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up","open":"open","onClose":"toggleDrawer(false)"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down","open":"open","onClose":"toggleDrawer(false)"}}]}]');let n1=n=>{let{id:e,width:t,rounded:a,withCloseButton:i,spacing:o,openDrawer:s,setOpenDrawer:l,direction:r,children:c,backdrop:d}=n;return(0,N.jsxs)("div",{children:[(0,N.jsx)(nX.Z,{withCloseButton:i,rounded:a,width:t,spacing:o,backdrop:d,direction:r,open:s===e,onClose:()=>{l(void 0)},children:c}),(0,N.jsxs)(C.Z,{onClick:()=>{l(e)},children:["Open: ",c]})]})};var n2=t(82664),n3=t(33759),n5=t(39120),n4=JSON.parse('[{"name":"Tonality","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Functional","className":"db-density-functional","style":{"width":"100%","display":"block"}},{"name":"(Default) Regular","className":"db-density-regular","style":{"width":"100%","display":"block"}},{"name":"Expressive","className":"db-density-expressive","style":{"width":"100%","display":"block"}}]},{"name":"Width","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Behaviour","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"}},{"name":"Mobile","style":{"width":"100%","display":"block"},"props":{"forceMobile":"true"}}]},{"name":"Examples","children":[{"name":"brand","slot":"brand","content":"DBHeader"},{"name":"link","slot":"meta-navigation","angularDirective":true,"content":"Imprint","props":{"href":"#"}},{"name":"button","slot":"primary-action","content":"Search","props":{"icon":"magnifying_glass","variant":"ghost","noText":true}},{"name":"button","slot":"secondary-action","angularDirective":true,"content":"Profile","props":{"icon":"user","variant":"ghost","noText":true}},{"name":"navigation","slot":"Navigation","angularDirective":true,"children":[{"name":"navigation-item","props":{"icon":"user"},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link","props":{"href":"#"}}]},{"name":"navigation-item","props":{"icon":"user","disabled":true},"children":[{"name":"a","slot":"NavigationContent","angularDirective":true,"content":"Link disabled","props":{"href":"#"}}]}]}],"examples":[{"name":"With Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":true}},{"name":"Without Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":true,"withNavigation":false}},{"name":"Without Application Name","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":true}},{"name":"Without Application Name + Navigation","style":{"width":"100%","display":"block"},"props":{"example":true,"withName":false,"withNavigation":false}}]}]');let n8=n=>{let{drawerOpen:e,forceMobile:t,burgerMenuLabel:a,children:i,className:o,describedbyid:s,id:l,key:r,onToggle:c,width:d,example:b,withNavigation:u,withName:h}=n;return(0,N.jsx)(n2.Z,{width:d,brand:(0,N.jsx)(ne.Z,{title:"DBHeader",children:(!b||h)&&"DBHeader"}),metaNavigation:!b&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(R.Z,{href:"#",children:"Imprint"}),(0,N.jsx)(R.Z,{href:"#",children:"Help"})]}),primaryAction:!b&&(0,N.jsx)(C.Z,{icon:"magnifying_glass",variant:"ghost",noText:!0,children:"Search"}),secondaryAction:!b&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(C.Z,{icon:"user",variant:"ghost",noText:!0,children:"Profile"}),(0,N.jsx)(C.Z,{icon:"bell",variant:"ghost",noText:!0,children:"Notification"}),(0,N.jsx)(C.Z,{icon:"question_mark_circle",variant:"ghost",noText:!0,children:"Help"})]}),drawerOpen:e,forceMobile:t,burgerMenuLabel:a,className:o,describedbyid:s,id:l,onToggle:c,children:(!b||u)&&(0,N.jsxs)(n3.Z,{"aria-label":i,children:[(0,N.jsx)(n5.Z,{icon:"user",children:(0,N.jsx)("a",{href:"#",children:i})}),(0,N.jsx)(n5.Z,{disabled:!0,children:(0,N.jsxs)("a",{href:"#",children:[i," disabled"]})})]})},r)};var n6=t(55327),n7=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Width","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"width":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"width":"large"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium"},{"name":"Large","props":{"spacing":"large"}},{"name":"Small","props":{"spacing":"small"}}]}]');let n9=n=>{let{width:e,spacing:t,children:a}=n;return(0,N.jsx)(n6.Z,{className:"db-informational-bg-lvl-2",spacing:t,width:e,children:a})};var en=JSON.parse('[{"name":"Density","children":[{"name":"navigation-item","content":"Navi-Item 1","props":{"active":true},"children":[{"name":"navigation-item","content":"Sub-Navi-Item 1","slot":"sub-navigation","props":{"active":true},"children":[{"name":"navigation-item","content":"Sub-Sub-Navi-Item 1","slot":"sub-navigation","props":{"active":true}}]}]},{"name":"navigation-item","content":"Navi-Item 2"}],"examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]}]');let ee=n=>{let{children:e}=n,t="".concat(e);return(0,N.jsxs)("div",{children:[(0,N.jsx)(J.Z,{id:t,size:"small",semantic:"informational",icon:"none",children:e}),(0,N.jsxs)(n3.Z,{labelledBy:t,children:[(0,N.jsx)(n5.Z,{active:!0,subNavigation:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(n5.Z,{active:!0,subNavigation:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(n5.Z,{active:!0,children:(0,N.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,N.jsx)(n5.Z,{children:(0,N.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,N.jsx)(n5.Z,{children:(0,N.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,N.jsx)(n5.Z,{icon:"user",children:(0,N.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,N.jsx)(n5.Z,{disabled:!0,children:(0,N.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};var et=JSON.parse('[{"name":"Density","examples":[{"name":"Functional","className":"db-density-functional"},{"name":"(Default) Regular","className":"db-density-regular"},{"name":"Expressive","className":"db-density-expressive"}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed"},{"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"}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full"}}]}]');let ea=n=>{let{children:e,icon:t,disabled:a,active:i,width:o,areaPopup:s}=n;return(0,N.jsx)("ul",{children:(0,N.jsx)(n5.Z,{icon:t,disabled:a,active:i,width:o,onClick:()=>{alert(e.toString())},subNavigation:s&&(0,N.jsxs)("ul",{children:[(0,N.jsx)(n5.Z,{children:(0,N.jsx)("a",{href:"#",children:"Test1"})}),(0,N.jsx)(n5.Z,{children:(0,N.jsx)("a",{href:"#",children:"Test2"})})]}),children:s?e:(0,N.jsx)("a",{href:"#",children:e})})})};var ei=n=>(0,N.jsx)(V,{title:"DBNavigationItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:U(et,ea,n.slotCode)}),eo=t(60029),es=JSON.parse('[{"name":"Density","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"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","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","children":[{"name":"button","slot":"trigger"},{"name":"button","content":"Inside Popover"}],"examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]');let el=n=>{let{id:e,children:t,width:a,gap:i,spacing:o,placement:s,delay:l,content:r,animation:c}=n;return(0,N.jsx)(eo.Z,{trigger:(0,N.jsx)(C.Z,{children:t}),width:a,gap:i,spacing:o,placement:s,animation:c,delay:l,id:e,children:null!=r?r:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsxs)("ul",{className:"popover-list",children:[(0,N.jsx)("li",{children:"Popover Custom Item 1"}),(0,N.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,N.jsx)(C.Z,{children:"Popover Custom Item 3"})]})})};var er=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ec=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Outlined - Adaptive "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Outlined - Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Outlined - Adaptive "),navigator.clipboard.writeText(" (Default) Outlined - Adaptive ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Outlined - Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Outlined - Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Outlined - Adaptive"),navigator.clipboard.writeText("(Default) Outlined - Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Outlined - Adaptive\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Outlined - Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Outlined - Adaptive\n"),navigator.clipboard.writeText("\n(Default) Outlined - Adaptive\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Filled - Adaptive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled - Adaptive '),navigator.clipboard.writeText(' Filled - Adaptive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Filled - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Filled - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Filled - Adaptive'),navigator.clipboard.writeText('Filled - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFilled - Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled - Adaptive\n'),navigator.clipboard.writeText('\nFilled - Adaptive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Ghost - Adaptive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Ghost - Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Ghost - Adaptive '),navigator.clipboard.writeText(' Ghost - Adaptive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Ghost - Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Ghost - Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Ghost - Adaptive'),navigator.clipboard.writeText('Ghost - Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nGhost - Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nGhost - Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nGhost - Adaptive\n'),navigator.clipboard.writeText('\nGhost - Adaptive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},ed=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Enabled "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Enabled "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Enabled "),navigator.clipboard.writeText(" (Default) Enabled ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Enabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Enabled"),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Enabled\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Enabled\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Enabled\n"),navigator.clipboard.writeText("\n(Default) Enabled\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"Disabled"===n?"check":"copy",variant:"ghost",onClick:()=>{e("Disabled"),navigator.clipboard.writeText("Disabled")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},eb=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eu=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},eh=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Auto Width "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Auto Width "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Auto Width "),navigator.clipboard.writeText(" (Default) Auto Width ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto Width"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Auto Width"),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Auto Width\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Auto Width\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Auto Width\n"),navigator.clipboard.writeText("\n(Default) Auto Width\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Width full'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Width full'),navigator.clipboard.writeText('Width full')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},ep=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},em=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Adaptive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Adaptive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Adaptive '),navigator.clipboard.writeText(' (Default) Adaptive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Adaptive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Adaptive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Adaptive\n'),navigator.clipboard.writeText('\n(Default) Adaptive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Brand '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Brand '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Brand '),navigator.clipboard.writeText(' Brand ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Brand'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Brand'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Brand'),navigator.clipboard.writeText('Brand')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Brand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Brand\n'),navigator.clipboard.writeText('\n Brand\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nBrand\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nBrand\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nBrand\n'),navigator.clipboard.writeText('\nBrand\n')},children:"Copy code"})]})]})})]})},eg=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Enabled (Default)/Hover/Pressed '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Enabled (Default)/Hover/Pressed '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Enabled (Default)/Hover/Pressed '),navigator.clipboard.writeText(' Enabled (Default)/Hover/Pressed ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Enabled (Default)/Hover/Pressed'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Enabled (Default)/Hover/Pressed'),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ex=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},ev=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Internal '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Internal '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Internal '),navigator.clipboard.writeText(' (Default) Internal ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Internal'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Internal'),navigator.clipboard.writeText('(Default) Internal')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Internal\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Internal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Internal\n'),navigator.clipboard.writeText('\n(Default) Internal\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' External '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' External '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' External '),navigator.clipboard.writeText(' External ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'External'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'External'===n?"check":"copy",variant:"ghost",onClick:()=>{e('External'),navigator.clipboard.writeText('External')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n External\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n External\n'),navigator.clipboard.writeText('\n External\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExternal\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExternal\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExternal\n'),navigator.clipboard.writeText('\nExternal\n')},children:"Copy code"})]})]})})]})},eD=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eB=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},ej=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Content 1 \n Content 2 \n Content 3 \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1 \n Content 2 \n Content 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1 \n Content 2 \n Content 3 \n'),navigator.clipboard.writeText('\n Content 1 \n Content 2 \n Content 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
'),navigator.clipboard.writeText('
\n
\n Item 1\n
Content 1
\n
\n
\n Item 2\n
Content 2
\n
\n
\n Item 3\n
Content 3
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Content 1\n Content 2\n Content 3\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Content 1\n Content 2\n Content 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Content 1\n Content 2\n Content 3\n'),navigator.clipboard.writeText('\n Content 1\n Content 2\n Content 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n'),navigator.clipboard.writeText('\n \nContent 1\n\n\nContent 2\n\n\nContent 3\n\n')},children:"Copy code"})]})]})})]})},eT=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n
Functional
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n
Functional
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n
Functional
\n'),navigator.clipboard.writeText('\n Functional\n
Functional
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n (Default) Regular\n
(Default) Regular
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n (Default) Regular\n
(Default) Regular
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n (Default) Regular\n
(Default) Regular
\n
'),navigator.clipboard.writeText('
\n (Default) Regular\n
(Default) Regular
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n
Expressive
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n
Expressive
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n
Expressive
\n'),navigator.clipboard.writeText('\n Expressive\n
Expressive
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ef=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Enabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Enabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nEnabled (Default)/Hover/Pressed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nEnabled (Default)/Hover/Pressed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nEnabled (Default)/Hover/Pressed\n'),navigator.clipboard.writeText('\nEnabled (Default)/Hover/Pressed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},ew=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Collapsed\n'),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Collapsed\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Collapsed\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Collapsed\n'),navigator.clipboard.writeText('\n(Default) Collapsed\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Open '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Open '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Open '),navigator.clipboard.writeText(' Open ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Open\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Open\n'),navigator.clipboard.writeText('\n Open\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nOpen\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nOpen\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nOpen\n'),navigator.clipboard.writeText('\nOpen\n')},children:"Copy code"})]})]})})]})},ey=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},ek=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) With Logo "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) With Logo "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) With Logo "),navigator.clipboard.writeText(" (Default) With Logo ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) With Logo
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) With Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) With Logo
'),navigator.clipboard.writeText('
(Default) With Logo
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) With Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) With Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) With Logo"),navigator.clipboard.writeText("(Default) With Logo")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) With Logo\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) With Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) With Logo\n"),navigator.clipboard.writeText("\n(Default) With Logo\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' No Logo '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' No Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Logo '),navigator.clipboard.writeText(' No Logo ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
No Logo
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
No Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
No Logo
'),navigator.clipboard.writeText('
No Logo
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"No Logo"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"No Logo"===n?"check":"copy",variant:"ghost",onClick:()=>{e("No Logo"),navigator.clipboard.writeText("No Logo")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNo Logo\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNo Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Logo\n'),navigator.clipboard.writeText('\nNo Logo\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Custom Logo '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Custom Logo '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Custom Logo '),navigator.clipboard.writeText(' Custom Logo ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Custom Logo
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Custom Logo
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Custom Logo
'),navigator.clipboard.writeText('
Custom Logo
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n Custom Logo\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n Custom Logo\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n Custom Logo\n"),navigator.clipboard.writeText("\n Custom Logo\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nCustom Logo\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCustom Logo\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCustom Logo\n'),navigator.clipboard.writeText('\nCustom Logo\n')},children:"Copy code"})]})]})})]})},eZ=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eI=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eN=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eC=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},e_=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eE=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:''})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:''===n?"check":"copy",variant:"ghost",onClick:()=>{e(''),navigator.clipboard.writeText('')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})})]})},eL=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eR=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Adaptive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Adaptive'),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})})]})},eA=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Medium "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Medium "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Medium "),navigator.clipboard.writeText(" (Default) Medium ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Medium"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Medium"),navigator.clipboard.writeText("(Default) Medium")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Medium\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Medium\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Medium\n"),navigator.clipboard.writeText("\n(Default) Medium\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Small'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Small'),navigator.clipboard.writeText('Small')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},eH=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Functional
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Functional
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Functional
'),navigator.clipboard.writeText('
Functional
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Functional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Functional'),navigator.clipboard.writeText('Functional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Regular '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Regular '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Regular '),navigator.clipboard.writeText(' (Default) Regular ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Regular
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Regular
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Regular
'),navigator.clipboard.writeText('
(Default) Regular
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Regular'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Regular'),navigator.clipboard.writeText('(Default) Regular')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Expressive
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Expressive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Expressive
'),navigator.clipboard.writeText('
Expressive
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Expressive'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Expressive'),navigator.clipboard.writeText('Expressive')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eO=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Weak "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Weak "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Weak "),navigator.clipboard.writeText(" (Default) Weak ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Weak
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Weak
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Weak
'),navigator.clipboard.writeText('
(Default) Weak
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Weak"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Weak"),navigator.clipboard.writeText("(Default) Weak")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Weak\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Weak\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Weak\n"),navigator.clipboard.writeText("\n(Default) Weak\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Strong '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Strong '),navigator.clipboard.writeText(' Strong ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Strong
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Strong
'),navigator.clipboard.writeText('
Strong
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Strong'),navigator.clipboard.writeText('Strong')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nStrong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nStrong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nStrong\n'),navigator.clipboard.writeText('\nStrong\n')},children:"Copy code"})]})]})})]})},eP=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Adaptive "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Adaptive "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Adaptive "),navigator.clipboard.writeText(" (Default) Adaptive ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Adaptive
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Adaptive
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Adaptive
'),navigator.clipboard.writeText('
(Default) Adaptive
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Adaptive"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Adaptive"),navigator.clipboard.writeText("(Default) Adaptive")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Adaptive\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Adaptive\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Adaptive\n"),navigator.clipboard.writeText("\n(Default) Adaptive\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Neutral '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral '),navigator.clipboard.writeText(' Neutral ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Neutral
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Neutral
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Neutral
'),navigator.clipboard.writeText('
Neutral
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Neutral'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Neutral'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Neutral'),navigator.clipboard.writeText('Neutral')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNeutral\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral\n'),navigator.clipboard.writeText('\nNeutral\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Critical '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical '),navigator.clipboard.writeText(' Critical ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Critical
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Critical
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Critical
'),navigator.clipboard.writeText('
Critical
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Critical'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Critical'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Critical'),navigator.clipboard.writeText('Critical')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nCritical\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCritical\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical\n'),navigator.clipboard.writeText('\nCritical\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Informational '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Informational '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Informational '),navigator.clipboard.writeText(' Informational ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Informational
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Informational
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Informational
'),navigator.clipboard.writeText('
Informational
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Informational'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Informational'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Informational'),navigator.clipboard.writeText('Informational')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nInformational\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nInformational\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational\n'),navigator.clipboard.writeText('\nInformational\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Successful '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful '),navigator.clipboard.writeText(' Successful ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Successful
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Successful
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Successful
'),navigator.clipboard.writeText('
Successful
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Successful'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Successful'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Successful'),navigator.clipboard.writeText('Successful')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSuccessful\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful\n'),navigator.clipboard.writeText('\nSuccessful\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Warning '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning '),navigator.clipboard.writeText(' Warning ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Warning
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Warning
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Warning
'),navigator.clipboard.writeText('
Warning
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Warning'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Warning'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Warning'),navigator.clipboard.writeText('Warning')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWarning\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWarning\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning\n'),navigator.clipboard.writeText('\nWarning\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Adaptive Strong '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Adaptive Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Adaptive Strong '),navigator.clipboard.writeText(' Adaptive Strong ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Adaptive Strong
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Adaptive Strong
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Adaptive Strong
'),navigator.clipboard.writeText('
Adaptive Strong
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Adaptive Strong'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Adaptive Strong'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Adaptive Strong'),navigator.clipboard.writeText('Adaptive Strong')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nAdaptive Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nAdaptive Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nAdaptive Strong\n'),navigator.clipboard.writeText('\nAdaptive Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Neutral Strong '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Neutral Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Neutral Strong '),navigator.clipboard.writeText(' Neutral Strong ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Neutral Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Neutral Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Neutral Strong\n
'),navigator.clipboard.writeText('
\n Neutral Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Neutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Neutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Neutral Strong\n'),navigator.clipboard.writeText('\n Neutral Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNeutral Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNeutral Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNeutral Strong\n'),navigator.clipboard.writeText('\nNeutral Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Critical Strong '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Critical Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Critical Strong '),navigator.clipboard.writeText(' Critical Strong ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Critical Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Critical Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Critical Strong\n
'),navigator.clipboard.writeText('
\n Critical Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Critical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Critical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Critical Strong\n'),navigator.clipboard.writeText('\n Critical Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nCritical Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCritical Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCritical Strong\n'),navigator.clipboard.writeText('\nCritical Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Informational Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Informational Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Informational Strong\n
'),navigator.clipboard.writeText('
\n Informational Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Informational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Informational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Informational Strong\n'),navigator.clipboard.writeText('\n Informational Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nInformational Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nInformational Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nInformational Strong\n'),navigator.clipboard.writeText('\nInformational Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Successful Strong '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Successful Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Successful Strong '),navigator.clipboard.writeText(' Successful Strong ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Successful Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Successful Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Successful Strong\n
'),navigator.clipboard.writeText('
\n Successful Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Successful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Successful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Successful Strong\n'),navigator.clipboard.writeText('\n Successful Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSuccessful Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSuccessful Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSuccessful Strong\n'),navigator.clipboard.writeText('\nSuccessful Strong\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Warning Strong '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Warning Strong '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Warning Strong '),navigator.clipboard.writeText(' Warning Strong ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Warning Strong\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Warning Strong\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Warning Strong\n
'),navigator.clipboard.writeText('
\n Warning Strong\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Warning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Warning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Warning Strong\n'),navigator.clipboard.writeText('\n Warning Strong\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWarning Strong\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWarning Strong\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWarning Strong\n'),navigator.clipboard.writeText('\nWarning Strong\n')},children:"Copy code"})]})]})})]})},eS=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Static "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Static "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Static "),navigator.clipboard.writeText(" (Default) Static ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Static
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Static
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Static
'),navigator.clipboard.writeText('
(Default) Static
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Static"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Static"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Static"),navigator.clipboard.writeText("(Default) Static")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Static\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Static\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Static\n"),navigator.clipboard.writeText("\n(Default) Static\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n button \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n button \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n button \n"),navigator.clipboard.writeText("\n button \n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
'),navigator.clipboard.writeText('
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n button\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n button\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n button\n"),navigator.clipboard.writeText("\n button\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \nbutton\n\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \nbutton\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \nbutton\n\n"),navigator.clipboard.writeText("\n \nbutton\n\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n link \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n link \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n link \n"),navigator.clipboard.writeText("\n link \n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n link\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n link\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n link\n
'),navigator.clipboard.writeText('
\n link\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n link\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n link\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n link\n"),navigator.clipboard.writeText("\n link\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \nlink\n\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \nlink\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \nlink\n\n"),navigator.clipboard.writeText("\n \nlink\n\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n checkbox \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n checkbox \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n checkbox \n"),navigator.clipboard.writeText("\n checkbox \n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n
\n
'),navigator.clipboard.writeText('
\n
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n checkbox\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n checkbox\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n checkbox\n"),navigator.clipboard.writeText("\n checkbox\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \ncheckbox\n\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \ncheckbox\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \ncheckbox\n\n"),navigator.clipboard.writeText("\n \ncheckbox\n\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n radio \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio \n'),navigator.clipboard.writeText('\n radio \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n radio\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio\n'),navigator.clipboard.writeText('\n radio\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nradio\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nradio\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nradio\n\n'),navigator.clipboard.writeText('\n \nradio\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n radio \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio \n'),navigator.clipboard.writeText('\n radio \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n radio\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio\n'),navigator.clipboard.writeText('\n radio\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nradio\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nradio\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nradio\n\n'),navigator.clipboard.writeText('\n \nradio\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n Removeable\n Remove tag\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n Removeable\n Remove tag\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n Removeable\n Remove tag\n \n
'),navigator.clipboard.writeText('
\n Removeable\n Remove tag\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eF=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"\n checkbox \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n checkbox \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n checkbox \n"),navigator.clipboard.writeText("\n checkbox \n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n
\n
'),navigator.clipboard.writeText('
\n
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n checkbox\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n checkbox\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n checkbox\n"),navigator.clipboard.writeText("\n checkbox\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \ncheckbox\n\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \ncheckbox\n\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \ncheckbox\n\n"),navigator.clipboard.writeText("\n \ncheckbox\n\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n checkbox \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n checkbox \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n checkbox \n'),navigator.clipboard.writeText('\n checkbox \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n
\n
'),navigator.clipboard.writeText('
\n
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n checkbox\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n checkbox\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n checkbox\n"),navigator.clipboard.writeText("\n checkbox\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \ncheckbox\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \ncheckbox\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \ncheckbox\n\n'),navigator.clipboard.writeText('\n \ncheckbox\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n checkbox \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n checkbox \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n checkbox \n'),navigator.clipboard.writeText('\n checkbox \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n
\n
'),navigator.clipboard.writeText('
\n
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n \n checkbox\n \n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n checkbox\n \n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n checkbox\n \n"),navigator.clipboard.writeText("\n \n checkbox\n \n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \ncheckbox\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \ncheckbox\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \ncheckbox\n\n'),navigator.clipboard.writeText('\n \ncheckbox\n\n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) Text
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) Text
'),navigator.clipboard.writeText('
(Default) Text
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Icon
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Icon
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon
'),navigator.clipboard.writeText('
Icon
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
Icon & Text
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
Icon & Text
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
Icon & Text
'),navigator.clipboard.writeText('
Icon & Text
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
(Default) No Overflow
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
(Default) No Overflow
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
(Default) No Overflow
'),navigator.clipboard.writeText('
(Default) No Overflow
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
With Overflow (max-width)
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
With Overflow (max-width)
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
With Overflow (max-width)
'),navigator.clipboard.writeText('
With Overflow (max-width)
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},eU=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n button \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button \n'),navigator.clipboard.writeText('\n button \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n \n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n \n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n \n
'),navigator.clipboard.writeText('
\n \n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n button\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n button\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n button\n'),navigator.clipboard.writeText('\n button\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nbutton\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nbutton\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nbutton\n\n'),navigator.clipboard.writeText('\n \nbutton\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n link \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n link \n'),navigator.clipboard.writeText('\n link \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n link\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n link\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n link\n
'),navigator.clipboard.writeText('
\n link\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n link\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n link\n'),navigator.clipboard.writeText('\n link\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nlink\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nlink\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nlink\n\n'),navigator.clipboard.writeText('\n \nlink\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n checkbox \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n checkbox \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n checkbox \n'),navigator.clipboard.writeText('\n checkbox \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
\n
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
\n
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
\n
\n
'),navigator.clipboard.writeText('
\n
\n
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n checkbox\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n checkbox\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n checkbox\n'),navigator.clipboard.writeText('\n checkbox\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \ncheckbox\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \ncheckbox\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \ncheckbox\n\n'),navigator.clipboard.writeText('\n \ncheckbox\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n radio \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio \n'),navigator.clipboard.writeText('\n radio \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n radio\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio\n'),navigator.clipboard.writeText('\n radio\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nradio\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nradio\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nradio\n\n'),navigator.clipboard.writeText('\n \nradio\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n radio \n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio \n'),navigator.clipboard.writeText('\n radio \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
\n
'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
\n
'===n?"check":"copy",variant:"ghost",onClick:()=>{e('
\n
'),navigator.clipboard.writeText('
\n
')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n radio\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n radio\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n radio\n'),navigator.clipboard.writeText('\n radio\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \nradio\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nradio\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nradio\n\n'),navigator.clipboard.writeText('\n \nradio\n\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n \n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eq=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eJ=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eG=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n"),navigator.clipboard.writeText("\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n'),navigator.clipboard.writeText('\n \n Tab 1 \n Tab 2 \n Tab 3 \n \n Tab Panel 1 \n Tab Panel 2 \n Tab Panel 3 \n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n'),navigator.clipboard.writeText('\n
\n
    \n
  • \n Tab 1\n
    • \n
  • \n Tab 2\n
    • \n
  • \n Tab 3\n
    • \n
\n
\n
Tab Panel 1
\n
Tab Panel 2
\n
Tab Panel 3
\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.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,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n'),navigator.clipboard.writeText('\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n'),navigator.clipboard.writeText('\n \n \nTab 1\n\n\nTab 2\n\n\nTab 3\n\n\n\nTab Panel 1\n\n\nTab Panel 2\n\n\nTab Panel 3\n\n')},children:"Copy code"})]})]})})]})},eY=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n functionalFunctional\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n functionalFunctional\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n functionalFunctional\n
    • '),navigator.clipboard.writeText('
  • \n functionalFunctional\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Regular(Default)\n Regular\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Regular(Default)\n Regular\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Regular(Default)\n Regular\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Regular(Default)\n Regular\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n expressiveExpressive\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n expressiveExpressive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n expressiveExpressive\n
    • '),navigator.clipboard.writeText('
  • \n expressiveExpressive\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e$=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Enabled(Default)\n Enabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Enabled(Default)\n Enabled\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Enabled(Default)\n Enabled\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n activeactive\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n activeactive\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activeactive\n
    • '),navigator.clipboard.writeText('
  • \n activeactive\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n activedisabled\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n activedisabled\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n activedisabled\n
    • '),navigator.clipboard.writeText('
  • \n activedisabled\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Text(Default)\n Text\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Text(Default)\n Text\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Text(Default)\n Text\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Text(Default)\n Text\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n
    • '),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • '),navigator.clipboard.writeText('
  • \n (Default) Auto Width(Default)\n Auto Width\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
  • \n Width fullWidth\n full\n
    • '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
  • \n Width fullWidth\n full\n
    • '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
  • \n Width fullWidth\n full\n
    • '),navigator.clipboard.writeText('
  • \n Width fullWidth\n full\n
    • ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Unchecked '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Unchecked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Unchecked '),navigator.clipboard.writeText(' (Default) Unchecked ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Unchecked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Unchecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Unchecked\n'),navigator.clipboard.writeText('\n(Default) Unchecked\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Unchecked - Invalid '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Unchecked - Invalid '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Unchecked - Invalid '),navigator.clipboard.writeText(' Unchecked - Invalid ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nUnchecked - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nUnchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nUnchecked - Invalid\n'),navigator.clipboard.writeText('\nUnchecked - Invalid\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Checked '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Checked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Checked '),navigator.clipboard.writeText(' Checked ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nChecked\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked\n'),navigator.clipboard.writeText('\nChecked\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Checked - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nChecked - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked - Valid\n'),navigator.clipboard.writeText('\nChecked - Valid\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Indeterminate '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Indeterminate '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Indeterminate '),navigator.clipboard.writeText(' Indeterminate ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate\n'),navigator.clipboard.writeText('\nIndeterminate\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Invalid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Invalid\n'),navigator.clipboard.writeText('\nIndeterminate - Invalid\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Valid\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Valid\n'),navigator.clipboard.writeText('\nIndeterminate - Valid\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Required - Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nRequired - Indeterminate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired - Indeterminate\n'),navigator.clipboard.writeText('\nRequired - Indeterminate\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Label '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label '),navigator.clipboard.writeText(' (Default) Label ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label\n'),navigator.clipboard.writeText('\n(Default) Label\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' No Label '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' No Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Label '),navigator.clipboard.writeText(' No Label ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNo Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNo Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Label\n'),navigator.clipboard.writeText('\nNo Label\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Hidden Label '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Hidden Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Hidden Label '),navigator.clipboard.writeText(' Hidden Label ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nHidden Label\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHidden Label\n'),navigator.clipboard.writeText('\nHidden Label\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Basic '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Basic '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Basic '),navigator.clipboard.writeText(' (Default) Basic ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Basic\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Basic\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Basic\n'),navigator.clipboard.writeText('\n(Default) Basic\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Helper Message '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Helper Message '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Helper Message '),navigator.clipboard.writeText(' Helper Message ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nHelper Message\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHelper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHelper Message\n'),navigator.clipboard.writeText('\nHelper Message\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},tn=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},te=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Filled Number '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled Number '),navigator.clipboard.writeText(' Filled Number ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nFilled Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled Number\n'),navigator.clipboard.writeText('\nFilled Number\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},tt=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'
    \n
    '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'
    \n
    '===n?"check":"copy",variant:"ghost",onClick:()=>{e('
    \n
    '),navigator.clipboard.writeText('
    \n
    ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})})]})},ta=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})})]})},ti=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})})]})},to=()=>{let[n,e]=(0,_.useState)();return(0,_.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(E.Z,{className:"tab-container",children:(0,N.jsxs)(nm.Z,{children:[(0,N.jsxs)(ng.Z,{children:[(0,N.jsx)(nx.Z,{children:"Angular"}),(0,N.jsx)(nx.Z,{children:"HTML"}),(0,N.jsx)(nx.Z,{children:"React"}),(0,N.jsx)(nx.Z,{children:"Vue"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,N.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,N.jsxs)(nv.Z,{children:[(0,N.jsx)(R.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,N.jsx)("pre",{children:(0,N.jsx)("code",{className:"hljs language-html",children:'