Command
Go To File
A go-to-file mode: the file name separated from its directory, the matched fragment in a mark tag, and the full path pinned in the footer.
What you can change
- the paths array
- the field hint through the placeholder prop
- the match highlight colour
A link for your AI agent: preview, code and instructions.
Preview
Use it with AI
- 1. Copy the link.
- 2. Write to your agent in your own words and drop the link into the sentence.
- 3. The agent opens the link and installs the component from the registry.
put this on the home page as the hero:
https://vibeui.ru/c/command-008?lang=en&theme=dark
Not sure where to paste it? Step-by-step guide
Show the full instructions
What the link says, spelled out. Use it when your agent cannot open links — paste this text instead.
Loading…
For developers
The install command lives in the “Component source” block below — a signed link that stays valid for 24 hours.
Technical notes
The component is self-contained: one file, no dependencies, its own palette in the local --vibeui-command-008-* variables. Client-side: "use client" for the sake of search and the keyboard. A row is split into the file name and the directory: the name is picked out by weight, the directory is dimmed and truncated with an ellipsis on the left through direction:rtl, so the end of the path stays visible. The match is highlighted with a <mark> tag rather than a span with a class — the highlight carries meaning in a screen reader too. The full path of the highlighted row is pinned in the footer so that the truncated directory does not get in the way of checking the address.
Tags
- command
- files
- path
- palette
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…