Skip to content

Instantly share code, notes, and snippets.

@anhtran
Created March 1, 2023 09:19
Show Gist options
  • Save anhtran/ae76f89ee7b38b663b09d84b76ad2662 to your computer and use it in GitHub Desktop.
Save anhtran/ae76f89ee7b38b663b09d84b76ad2662 to your computer and use it in GitHub Desktop.
How to mimic style of antd Form Input with Tailwindcss

Step 1: Inspect elements to get the main color of theme. Example: #62bbde

Step 2: Using there compound of following CSS classess:

border border-gray-300/80 
rounded-lg w-full 
py-2 px-2 text-[16px] 
outline-none 
transition-all duration-200 
focus:border-[#62bbde] 
focus:shadow-[0_0_0_2px_rgba(5,222,255,0.06)]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment