# shadcn-ui

> Panduan styling menggunakan Tailwind CSS dan komponen Shadcn UI. Gunakan ini saat membuat tampilan antarmuka (UI).

- Author: assor445
- Repository: assor445/chatbot
- Version: 20260128140724
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/assor445/chatbot
- Web: https://mule.run/skillshub/@@assor445/chatbot~shadcn-ui:20260128140724

---

---
name: shadcn-ui
description: Panduan styling menggunakan Tailwind CSS dan komponen Shadcn UI. Gunakan ini saat membuat tampilan antarmuka (UI).
---

# Shadcn UI & Tailwind Standards

## 1. Komponen
- Cek file `components.json` untuk melihat komponen yang tersedia.
- Jika butuh tombol, input, atau card, gunakan komponen import dari `@/components/ui/...` jangan buat tag HTML `<button>` biasa.
- Contoh:
  ```tsx
  import { Button } from "@/components/ui/button"
  // Usage
  <Button variant="outline">Klik Saya</Button>