Create React Component

Create a new React component in the packages/components package following the established conventions.

Component: $ARGUMENTS

Create a folder packages/components/src/$ARGUMENTS/ with the following files:

1. index.tsx — Component implementation

Use the template from templates/component.tsx:

• Replace {{ComponentName}} with $ARGUMENTS
• Replace {{component-name}} with the kebab-case version

2. index.test.tsx — Jest unit tests

Use the template from templates/component.test.tsx:

• Replace {{ComponentName}} with $ARGUMENTS

3. index.stories.tsx — Storybook story

Use the template from templates/component.stories.tsx:

• Replace {{ComponentName}} with $ARGUMENTS

4. index.scss — Component styles

Use the template from templates/component.scss:

• Replace {{component-name}} with the kebab-case version of $ARGUMENTS

5. Update barrel export

Add a named export to packages/components/index.ts:

export {default as $ARGUMENTS} from './src/$ARGUMENTS';

After creating all files, run yarn test and yarn lint from packages/components/ to verify everything works.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.