logo image

  • Overview

    • View all components
    • Install required things

  • Common UI

    • Avatar
    • Button
    • Badge
    • Container
    • Section spacer

    • Forms

    • Notification
    • Modal
    • Card
    • Page Heading

    • Navigation

    • Data display

    • Lists

    • Slider
    • Youtube Video
    • FAQs
    • Hero banner

  • Features UI

    • Live chat button

  • Layouts

    • Sidebar
    • Topbar

Install all required things

Oops! It looks like you don’t have permission to view this page. Click below to request access.

Get access
Previous
View all components
Next
Avatar

On this page

  1. 1. Install and config Tailwind CSS

    1. 1.1 Install Tailwind CSS
    2. 1.2 Setup some config in Tailwind CSS

  2. 2. Install clsx, tailwind-merge libs for handling className

    1. 2.1 Install clsx
    2. 2.2 Install tailwind-merge
    3. 2.3 Create the useful function to handle the classname

  3. 3. Install Formik and Yub to handle Form

    1. 3.1 Install Formik
    2. 3.2 Install Yub