Setup Shadcn UI

Shadcn UI adalah library component yang akan memudahkan kita dalam membangun website menggunakan React. Shadcn UI ini dibuat oleh Shadcn, dan kita bisa menginstallnya menggunakan NPM.

Table Of Content

Next: Setup Awal Shadcn UI

Prev: Persiapan Tools dan Software

Silakan baca dokumentasi resmi dari Shadcn UI di https://ui.shadcn.com/docs.

npm install shadcn-ui

Setelah itu kita bisa mengimportnya di file pages/_app.tsx:

import 'shadcn-ui/dist/index.css'

Kemudian kita bisa menggunakan component yang disediakan oleh Shadcn UI, misalnya kita ingin membuat sebuah button:

import { Button } from 'shadcn-ui'

const App = () => {
  return (
    <Button>Click Me</Button>
  )
}

export default App

Table Of Content

Next: Setup Awal Shadcn UI

Prev: Persiapan Tools dan Software