Register local components

View as Markdown
Last updated September 14, 2026

studio:component:register registers UI components you've already written. Point it at a file or a directory. It infers each component's prop schema (from TypeScript types, PropTypes, or JSDoc), generates the registerComponent calls, and adds them to your Studio components registry. Afterward the components appear in Studio's palette under Registered Components.

Usage

A single file:

csdx studio:component:register --component-path=src/components/Button.tsx

A whole directory:

csdx studio:component:register --component-dir=./components

If you pass neither flag, the CLI prompts for a file or directory path.

Flags

FlagAliasDescription
--component-path-pPath to a single component file to register
--component-dir-dPath to a directory of components to register

See also