Skip to content

hayyi2/shadcn-sample

Repository files navigation

Shadcn Sample

Project to try and explore shadcn components.

Getting Started

git clone https://github.com/hayyi2/shadcn-sample.git new-project
cd new-project
npm install
npm run dev

Getting Done

  • layouts
    • navbar
    • sidenav
  • elements
    • forms
    • tables
    • widgets
    • components
  • examples
    • auth
    • empty
    • dasboard

Docs

Forms

Install command

npm install react-hook-form
npm install zod
npm install @hookform/resolvers
npx shadcn-ui@latest add form
npx shadcn-ui@latest add input

Table

Install command

npm install @tanstack/react-table
npx shadcn-ui@latest add table
npx shadcn-ui@latest add select

Deploy gh-pages

  • change basenameProd in /vite.config.ts
  • create deploy key GITHUB_TOKEN in github /settings/keys
  • commit and push changes code
  • setup gihub pages to branch gh-pages

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Project to try and explore shadcn components

Topics

Resources

License

Stars

Watchers

Forks

Contributors