Docking Components

The dock command allows you to pull components from the registry into any project instantly, complete with all their dependencies.

Standard Dock

Use a full component reference to dock a specific version or the latest release.

$tricox dock @zoher/ui/button

Interactive Path Selection

Starting with CLI v2.1.0, the dock command is interactive. After running the command, you will be prompted to choose or confirm the destination directory.

# Command output:
⠋ Resolving @zoher/ui/button...
Where should I dock this? (components/button): _

Recursive Dependencies

Tricox doesn't just download a single file. It understands the entire dependency tree of your component.

Internal Deps

If your component imports other Tricox components (e.g., a "Form" depending on "Input" and "Button"), Tricox will automatically download all of them into separate subdirectories to ensure your imports keep working.

External Deps

Tricox scans the component's package.json dependencies. If you're missing a required NPM package (like lucide-react or framer-motion), the CLI will offer to install it for you instantly.

Collision Protection

The CLI ensures that dependencies are isolated in their own folders. Even if two dependencies share a file name like utils.ts, they will never overwrite each other.