Skip to content

Angular

Install and configure shadcn-ng for Angular.

Create project

Run the init command to create a new Angular project or to setup an existing one:

Choose between a Angular project or a Monorepo.

Add Components

You can now start adding components to your project.

The command above will add the Button component to your project. You can then import it like this:

src/app/app.ts 
import { Component } from '@angular/core'
import { UbButton } from "@/components/ui/button"
 
@Component({
  selector: 'app-root',
  imports: [UbButton],
  template: `
    <button ubButton>Click me</button>
  `,
})
export class AppComponent {}