Address searchkr

Address field with a provider adapter, a Daum Postcode preset loaded on demand, a detail input and stacked or inline layouts.

설치

pnpm

pnpm dlx shadcn@4.23.0 add @uikit/address-search

의존 아이템button dialog input locale style

Default

address-search-demo.tsx

"use client";
import * as React from "react";import { daumPostcodeProvider } from "@/lib/address-provider";import { AddressSearch } from "@/components/ui/address-search";
export default function AddressSearchDemo() {  const provider = React.useMemo(() => daumPostcodeProvider(), []);  return (    <div className="w-96">      <AddressSearch provider={provider} name="address" />    </div>  );}