Skip to content

Add ui-layouts & shadcn cli to all the components #60

@naymurdev

Description

@naymurdev

This is how you can setup uilayouts and shadcn cli


1. Using shadcn/ui CLI

To add a component using shadcn/ui:

  1. Add the component in ****registry.json
    This file is used by shadcn/ui to manage components.

  2. Navigate to the ui-layout app:

cd apps/ui-layout
  1. Build the components:
npx shadcn build

2. Using uilayouts CLI

After adding the component with shadcn, you need to add it to the uilayouts CLI registry.

  1. List available components:
npx uilayouts list
  1. Add the component in ****registry-cli.json
    This is the CLI registry that uilayouts uses to manage components.

Replace component-name with the actual name of the component you want to add.

  1. Push your code to GitHub
    After adding the component, if you run:
npx uilayouts list

you will not see the component yet, because the CLI fetches the list from the remote repository. Make sure to push your changes to GitHub first.


3. References


Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions