1"use strict";(globalThis.webpackChunk_atlas_docs_zen=globalThis.webpackChunk_atlas_docs_zen||[]).push([[1400],{4056(e,n,s){s.d(n,{R:()=>d,x:()=>i});var r=s(2155);const t={},o=r.createContext(t);function d(e){const n=r.useContext(o);return r.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function i(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:d(e.components),r.createElement(o.Provider,{value:n},e.children)}},9535(e,n,s){s.r(n),s.d(n,{assets:()=>a,contentTitle:()=>i,default:()=>h,frontMatter:()=>d,metadata:()=>r,toc:()=>c});const r=JSON.parse('{"id":"integrations/shadcn","title":"shadcn registry","description":"Drop-in shadcn components for AddressZen Address Lookup.","source":"@site/docs/integrations/shadcn.mdx","sourceDirName":"integrations","slug":"/integrations/shadcn","permalink":"/docs/integrations/shadcn","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"shadcn registry","sidebar_label":"shadcn registry","description":"Drop-in shadcn components for AddressZen Address Lookup."},"sidebar":"integrations","previous":{"title":"Anything","permalink":"/docs/integrations/anything"},"next":{"title":"WooCommerce","permalink":"/docs/integrations/woocommerce"}}');var t=s(5723),o=s(4056);const d={title:"shadcn registry",sidebar_label:"shadcn registry",description:"Drop-in shadcn components for AddressZen Address Lookup."},i="shadcn registry",a={},c=[{value:"Need help?",id:"need-help",level:2}];function l(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("img",{className:"page-icon",src:"/img/icons/integrations/shadcn.svg",alt:"",width:"64",height:"64"}),"\n",(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"shadcn-registry",children:"shadcn registry"})}),"\n",(0,t.jsxs)(n.p,{children:["A drop-in ",(0,t.jsx)(n.code,{children:"<AddressLookup />"})," component for shadcn projects, ",(0,t.jsx)(n.strong,{children:"coming soon"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"When the registry is live you'll be able to add it with:"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-bash",children:"npx shadcn@latest add addresszen/address-lookup\n"})}),"\n",(0,t.jsx)(n.p,{children:"\u2026and wire it into your form like any other shadcn component."}),"\n",(0,t.jsxs)(n.p,{children:["In the meantime, the ",(0,t.jsx)(n.a,{href:"/docs/address-lookup/react",children:(0,t.jsx)(n.code,{children:"@addresszen/react"})})," component drops straight into a shadcn form; its ",(0,t.jsx)(n.a,{href:"/docs/address-lookup/react",children:"wrap mode"})," takes your shadcn/ui ",(0,t.jsx)(n.code,{children:"<Input>"})," as a child and keeps its styling:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"/docs/address-lookup/react",children:"Address Lookup React component"}),": international autocomplete."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"need-help",children:"Need help?"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["File an issue: ",(0,t.jsx)(n.a,{href:"https://github.com/addresszen/feedback/issues",children:"github.com/addresszen/feedback"})]}),"\n",(0,t.jsxs)(n.li,{children:["Email: ",(0,t.jsx)(n.a,{href:"mailto:[email protected]",children:"[email protected]"})]}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(l,{...e})}):l(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.