ComponentReactregistry:component4 dependencies

Autocomplete 06 - With Icon

autocomplete-06

Autocomplete for selecting a project type with unique icons, selected icon shown in input, and spring-animated list items

@shadcn-space Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @shadcn-space/autocomplete-06

Needs @shadcn-space in your components.json registries — switch to URL if it doesn't resolve.

Registry: @shadcn-space
Kind: Component
Framework: React
Files: 2 · 24.0 KB
Preview: Live
License: MIT

npm dependencies

class-variance-authority lucide-react motion

Registry dependencies

labelshadcn/ui

6 variants

Variants of this

Other takes on Autocomplete 06 - With Icon from @shadcn-space — the same idea in another design, language or styling.

Autocomplete component with different size variants

Open

@shadcn-space

More from @shadcn-space

All 185 items

Sheet 04 - Filter Panel

sheet-04

Component

Dialog 01 - Newsletter Subscription Dialog

dialog-block-01

Block

Verify Email 01 - Email Verification Page

verify-email-01

Block

KBD 05 - KBD Generator

kbd-05

Component

Shine Border 02 - Security Card

shine-border-02

Component

Dropdown Menu 05 - Team Selector

dropdown-menu-05

Component

Animated List 03 - Expandable Stack

animated-list-03

Component

Block

Search the catalog

Autocomplete 06 - With Icon

Variants of this

More from @shadcn-space