')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Removeable '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Removeable '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Removeable '),navigator.clipboard.writeText(' Removeable ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Removeable'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Removeable'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Removeable'),navigator.clipboard.writeText('Removeable')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRemoveable\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRemoveable\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRemoveable\n'),navigator.clipboard.writeText('\nRemoveable\n')},children:"Copy code"})]})]})})]})},eM=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})})]})},eV=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) Text "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) Text "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) Text "),navigator.clipboard.writeText(" (Default) Text ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) Text"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) Text"),navigator.clipboard.writeText("(Default) Text")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) Text\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) Text\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) Text\n"),navigator.clipboard.writeText("\n(Default) Text\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon & Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon & Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon & Text '),navigator.clipboard.writeText(' Icon & Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'Icon & Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('Icon & Text'),navigator.clipboard.writeText('Icon & Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon & Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon & Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon & Text\n'),navigator.clipboard.writeText('\nIcon & Text\n')},children:"Copy code"})]})]})})]})},eW=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:" (Default) No Overflow "})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:" (Default) No Overflow "===n?"check":"copy",variant:"ghost",onClick:()=>{e(" (Default) No Overflow "),navigator.clipboard.writeText(" (Default) No Overflow ")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"(Default) No Overflow"===n?"check":"copy",variant:"ghost",onClick:()=>{e("(Default) No Overflow"),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"\n(Default) No Overflow\n"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"\n(Default) No Overflow\n"===n?"check":"copy",variant:"ghost",onClick:()=>{e("\n(Default) No Overflow\n"),navigator.clipboard.writeText("\n(Default) No Overflow\n")},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' With Overflow (max-width) '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' With Overflow (max-width) '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' With Overflow (max-width) '),navigator.clipboard.writeText(' With Overflow (max-width) ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"With Overflow (max-width)"===n?"check":"copy",variant:"ghost",onClick:()=>{e("With Overflow (max-width)"),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWith Overflow (max-width)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWith Overflow (max-width)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWith Overflow (max-width)\n'),navigator.clipboard.writeText('\nWith Overflow (max-width)\n')},children:"Copy code"})]})]})})]})},ez=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Interactive Link \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link \n'),navigator.clipboard.writeText('\n Interactive Link \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive Link\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Interactive Link\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Interactive Link\n'),navigator.clipboard.writeText('\n Interactive Link\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \nInteractive Link\n\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \nInteractive Link\n\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \nInteractive Link\n\n'),navigator.clipboard.writeText('\n \nInteractive Link\n\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n \n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n \n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n \n'),navigator.clipboard.writeText('\n \n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tag/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},eK=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' active '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' active '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' active '),navigator.clipboard.writeText(' active ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n active\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n active\n'),navigator.clipboard.writeText('\n active\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nactive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nactive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nactive\n'),navigator.clipboard.writeText('\nactive\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' disabled '),navigator.clipboard.writeText(' disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n disabled\n'),navigator.clipboard.writeText('\n disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\ndisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\ndisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\ndisabled\n'),navigator.clipboard.writeText('\ndisabled\n')},children:"Copy code"})]})]})})]})},eQ=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Leading)\n'),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Leading)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Icon (Leading)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Leading)\n'),navigator.clipboard.writeText('\nText - Icon (Leading)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Icon (Trailing)\n'),navigator.clipboard.writeText('\n Text - Icon (Trailing)\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Icon (Trailing)\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Icon (Trailing)\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Icon (Trailing)\n'),navigator.clipboard.writeText('\nText - Icon (Trailing)\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Icon '),navigator.clipboard.writeText(' Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Icon\n'),navigator.clipboard.writeText('\n Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIcon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIcon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIcon\n'),navigator.clipboard.writeText('\nIcon\n')},children:"Copy code"})]})]})})]})},eX=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Auto Width '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Auto Width '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Auto Width '),navigator.clipboard.writeText(' (Default) Auto Width ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Auto Width'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Auto Width'),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Auto Width\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Auto Width\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Auto Width\n'),navigator.clipboard.writeText('\n(Default) Auto Width\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Width full '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Width full '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Width full '),navigator.clipboard.writeText(' Width full ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Width full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Width full\n'),navigator.clipboard.writeText('\n Width full\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWidth full\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWidth full\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWidth full\n'),navigator.clipboard.writeText('\nWidth full\n')},children:"Copy code"})]})]})})]})},e0=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Left '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Left '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Left '),navigator.clipboard.writeText(' Left ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Left\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Left\n'),navigator.clipboard.writeText('\n Left\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nLeft\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nLeft\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nLeft\n'),navigator.clipboard.writeText('\nLeft\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Centered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Centered\n'),navigator.clipboard.writeText('\n Centered\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/tab-item/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nCentered\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nCentered\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nCentered\n'),navigator.clipboard.writeText('\nCentered\n')},children:"Copy code"})]})]})})]})},e1=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e3=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Enabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Enabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Enabled '),navigator.clipboard.writeText(' (Default) Enabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Enabled'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Enabled'),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Enabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Enabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Enabled\n'),navigator.clipboard.writeText('\n(Default) Enabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})})]})},e2=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Unchecked '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Unchecked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Unchecked '),navigator.clipboard.writeText(' (Default) Unchecked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Unchecked'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Unchecked'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Unchecked'),navigator.clipboard.writeText('(Default) Unchecked')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Unchecked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Unchecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Unchecked\n'),navigator.clipboard.writeText('\n(Default) Unchecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Unchecked - Invalid '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Unchecked - Invalid '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Unchecked - Invalid '),navigator.clipboard.writeText(' Unchecked - Invalid ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Unchecked - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Unchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Unchecked - Invalid\n'),navigator.clipboard.writeText('\n Unchecked - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nUnchecked - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nUnchecked - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nUnchecked - Invalid\n'),navigator.clipboard.writeText('\nUnchecked - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Checked '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Checked '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Checked '),navigator.clipboard.writeText(' Checked ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked\n'),navigator.clipboard.writeText('\n Checked\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked\n'),navigator.clipboard.writeText('\nChecked\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Checked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Checked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Checked - Valid\n'),navigator.clipboard.writeText('\n Checked - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nChecked - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nChecked - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nChecked - Valid\n'),navigator.clipboard.writeText('\nChecked - Valid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Indeterminate '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Indeterminate '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Indeterminate '),navigator.clipboard.writeText(' Indeterminate ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate\n'),navigator.clipboard.writeText('\n Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate\n'),navigator.clipboard.writeText('\nIndeterminate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Invalid\n'),navigator.clipboard.writeText('\n Indeterminate - Invalid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Invalid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Invalid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Invalid\n'),navigator.clipboard.writeText('\nIndeterminate - Invalid\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Indeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Indeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Indeterminate - Valid\n'),navigator.clipboard.writeText('\n Indeterminate - Valid\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nIndeterminate - Valid\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nIndeterminate - Valid\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nIndeterminate - Valid\n'),navigator.clipboard.writeText('\nIndeterminate - Valid\n')},children:"Copy code"})]})]})})]})},e4=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Medium '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Medium '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Medium '),navigator.clipboard.writeText(' (Default) Medium ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Medium'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Medium'),navigator.clipboard.writeText('(Default) Medium')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Medium\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Medium\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Medium\n'),navigator.clipboard.writeText('\n(Default) Medium\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Small '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Small '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Small '),navigator.clipboard.writeText(' Small ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Small\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Small\n'),navigator.clipboard.writeText('\n Small\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSmall\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSmall\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSmall\n'),navigator.clipboard.writeText('\nSmall\n')},children:"Copy code"})]})]})})]})},e5=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required - Indeterminate\n'),navigator.clipboard.writeText('\n Required - Indeterminate\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired - Indeterminate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired - Indeterminate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired - Indeterminate\n'),navigator.clipboard.writeText('\nRequired - Indeterminate\n')},children:"Copy code"})]})]})})]})},e7=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label '),navigator.clipboard.writeText(' (Default) Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label'),navigator.clipboard.writeText('(Default) Label')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label\n'),navigator.clipboard.writeText('\n(Default) Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' No Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' No Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' No Label '),navigator.clipboard.writeText(' No Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n No Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n No Label\n'),navigator.clipboard.writeText('\n No Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/checkbox/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNo Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNo Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNo Label\n'),navigator.clipboard.writeText('\nNo Label\n')},children:"Copy code"})]})]})})]})},e8=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Functional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Functional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Functional '),navigator.clipboard.writeText(' Functional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFunctional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFunctional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFunctional\n'),navigator.clipboard.writeText('\nFunctional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Regular\n'),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Regular\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Regular\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Regular\n'),navigator.clipboard.writeText('\n(Default) Regular\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Expressive '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Expressive '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Expressive '),navigator.clipboard.writeText(' Expressive ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Expressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Expressive\n'),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nExpressive\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nExpressive\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nExpressive\n'),navigator.clipboard.writeText('\nExpressive\n')},children:"Copy code"})]})]})})]})},e6=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Label Above '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Label Above '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Label Above '),navigator.clipboard.writeText(' (Default) Label Above ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Label Above'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Label Above'),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Label Above\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Label Above\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Label Above\n'),navigator.clipboard.writeText('\n(Default) Label Above\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Floating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Floating Label\n'),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFloating Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFloating Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFloating Label\n'),navigator.clipboard.writeText('\nFloating Label\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Hidden Label '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Hidden Label '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Hidden Label '),navigator.clipboard.writeText(' Hidden Label ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Hidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Hidden Label\n'),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHidden Label\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHidden Label\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHidden Label\n'),navigator.clipboard.writeText('\nHidden Label\n')},children:"Copy code"})]})]})})]})},e9=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Basic '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Basic '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Basic '),navigator.clipboard.writeText(' (Default) Basic ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Basic'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Basic'),navigator.clipboard.writeText('(Default) Basic')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Basic\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Basic\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Basic\n'),navigator.clipboard.writeText('\n(Default) Basic\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Helper Message '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Helper Message '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Helper Message '),navigator.clipboard.writeText(' Helper Message ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Helper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Helper Message\n'),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nHelper Message\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nHelper Message\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nHelper Message\n'),navigator.clipboard.writeText('\nHelper Message\n')},children:"Copy code"})]})]})})]})},tn=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Empty'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Empty'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Empty'),navigator.clipboard.writeText('(Default) Empty')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Disabled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Disabled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Disabled '),navigator.clipboard.writeText(' Disabled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},te=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Empty '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Empty '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Empty '),navigator.clipboard.writeText(' (Default) Empty ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Empty\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Empty\n'),navigator.clipboard.writeText('\n (Default) Empty\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Empty\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Empty\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Empty\n'),navigator.clipboard.writeText('\n(Default) Empty\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled '),navigator.clipboard.writeText(' Filled ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled\n'),navigator.clipboard.writeText('\n Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled\n'),navigator.clipboard.writeText('\nFilled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Disabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Disabled\n'),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDisabled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDisabled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDisabled\n'),navigator.clipboard.writeText('\nDisabled\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Readonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Readonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Readonly - Filled\n'),navigator.clipboard.writeText('\n Readonly - Filled\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nReadonly - Filled\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nReadonly - Filled\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nReadonly - Filled\n'),navigator.clipboard.writeText('\nReadonly - Filled\n')},children:"Copy code"})]})]})})]})},tt=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Filled Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Filled Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Filled Number '),navigator.clipboard.writeText(' Filled Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Filled Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Filled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Filled Number\n'),navigator.clipboard.writeText('\n Filled Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nFilled Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nFilled Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nFilled Number\n'),navigator.clipboard.writeText('\nFilled Number\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Text - Leading Icon '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Text - Leading Icon '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Text - Leading Icon '),navigator.clipboard.writeText(' Text - Leading Icon ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Leading Icon - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Leading Icon - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Leading Icon - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Leading Icon - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Leading Icon - Trailing Icon\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Text - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Text - Trailing Icon\n'),navigator.clipboard.writeText('\n Text - Trailing Icon\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nText - Trailing Icon\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nText - Trailing Icon\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nText - Trailing Icon\n'),navigator.clipboard.writeText('\nText - Trailing Icon\n')},children:"Copy code"})]})]})})]})},ta=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Optional '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Optional '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Optional '),navigator.clipboard.writeText(' (Default) Optional ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Optional'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Optional'),navigator.clipboard.writeText('(Default) Optional')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Optional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Optional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Optional\n'),navigator.clipboard.writeText('\n(Default) Optional\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Required '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Required '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Required '),navigator.clipboard.writeText(' Required ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'
')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Required\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Required\n'),navigator.clipboard.writeText('\n Required\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nRequired\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nRequired\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nRequired\n'),navigator.clipboard.writeText('\nRequired\n')},children:"Copy code"})]})]})})]})},ti=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'(Default) Text'===n?"check":"copy",variant:"ghost",onClick:()=>{e('(Default) Text'),navigator.clipboard.writeText('(Default) Text')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datetime Local '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Datetime Local '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datetime Local '),navigator.clipboard.writeText(' Datetime Local ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Datalist '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Datalist '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Datalist '),navigator.clipboard.writeText(' Datalist ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})})]})},to=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' (Default) Text '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' (Default) Text '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' (Default) Text '),navigator.clipboard.writeText(' (Default) Text ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n (Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n (Default) Text\n'),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n(Default) Text\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n(Default) Text\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n(Default) Text\n'),navigator.clipboard.writeText('\n(Default) Text\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Password '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Password '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Password '),navigator.clipboard.writeText(' Password ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Password\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Password\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Password\n'),navigator.clipboard.writeText('\n Password\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nPassword\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nPassword\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nPassword\n'),navigator.clipboard.writeText('\nPassword\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Search '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Search '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Search '),navigator.clipboard.writeText(' Search ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Search\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Search\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Search\n'),navigator.clipboard.writeText('\n Search\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nSearch\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nSearch\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nSearch\n'),navigator.clipboard.writeText('\nSearch\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' E-Mail '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' E-Mail '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' E-Mail '),navigator.clipboard.writeText(' E-Mail ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n E-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n E-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n E-Mail\n'),navigator.clipboard.writeText('\n E-Mail\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nE-Mail\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nE-Mail\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nE-Mail\n'),navigator.clipboard.writeText('\nE-Mail\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Number '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Number '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Number '),navigator.clipboard.writeText(' Number ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Number\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Number\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Number\n'),navigator.clipboard.writeText('\n Number\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nNumber\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nNumber\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nNumber\n'),navigator.clipboard.writeText('\nNumber\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Tel '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Tel '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Tel '),navigator.clipboard.writeText(' Tel ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Tel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Tel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Tel\n'),navigator.clipboard.writeText('\n Tel\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTel\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTel\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTel\n'),navigator.clipboard.writeText('\nTel\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' URL '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' URL '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' URL '),navigator.clipboard.writeText(' URL ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n URL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n URL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n URL\n'),navigator.clipboard.writeText('\n URL\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nURL\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nURL\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nURL\n'),navigator.clipboard.writeText('\nURL\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Date '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Date '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Date '),navigator.clipboard.writeText(' Date ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Date\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Date\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Date\n'),navigator.clipboard.writeText('\n Date\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDate\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDate\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDate\n'),navigator.clipboard.writeText('\nDate\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datetime Local\n'),navigator.clipboard.writeText('\n Datetime Local\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatetime Local\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatetime Local\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatetime Local\n'),navigator.clipboard.writeText('\nDatetime Local\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Month '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Month '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Month '),navigator.clipboard.writeText(' Month ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Month\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Month\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Month\n'),navigator.clipboard.writeText('\n Month\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nMonth\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nMonth\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nMonth\n'),navigator.clipboard.writeText('\nMonth\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Time '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Time '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Time '),navigator.clipboard.writeText(' Time ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Time\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Time\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Time\n'),navigator.clipboard.writeText('\n Time\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nTime\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nTime\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nTime\n'),navigator.clipboard.writeText('\nTime\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:' Week '})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:' Week '===n?"check":"copy",variant:"ghost",onClick:()=>{e(' Week '),navigator.clipboard.writeText(' Week ')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Week\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Week\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Week\n'),navigator.clipboard.writeText('\n Week\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nWeek\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nWeek\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nWeek\n'),navigator.clipboard.writeText('\nWeek\n')},children:"Copy code"})]})]})}),(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:"undefined"===n?"check":"copy",variant:"ghost",onClick:()=>{e("undefined"),navigator.clipboard.writeText("undefined")},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=react",children:"How to use this in react"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\n Datalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Datalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Datalist\n'),navigator.clipboard.writeText('\n Datalist\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/input/how-to-use?current=vue",children:"How to use this in vue"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-tsx",children:'\nDatalist\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\nDatalist\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\nDatalist\n'),navigator.clipboard.writeText('\nDatalist\n')},children:"Copy code"})]})]})})]})},ts=()=>{let[n,e]=(0,L.useState)();return(0,L.useEffect)(()=>{n&&setTimeout(()=>e(""),1500)},[n]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(H.Z,{className:"tab-container",children:(0,I.jsxs)(nh.Z,{children:[(0,I.jsxs)(np.Z,{children:[(0,I.jsx)(nm.Z,{children:"Angular"}),(0,I.jsx)(nm.Z,{children:"HTML"}),(0,I.jsx)(nm.Z,{children:"React"}),(0,I.jsx)(nm.Z,{children:"Vue"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.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,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,I.jsx)(C.Z,{className:"copy-button",noText:!0,icon:'\n Functional\n'===n?"check":"copy",variant:"ghost",onClick:()=>{e('\n Functional\n'),navigator.clipboard.writeText('\n Functional\n')},children:"Copy code"})]}),(0,I.jsxs)(ng.Z,{children:[(0,I.jsx)(P.Z,{content:"external",target:"_blank",href:"https://db-ui.github.io/mono/review/main/components/radio/how-to-use?current=html",children:"How to use this in html"}),(0,I.jsx)("pre",{children:(0,I.jsx)("code",{className:"hljs language-html",children:'