Button by Manish-Tamang
#e8e8e8
HTML +TailwindCSS
1<button 2 class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 group bg-gray-900 hover:bg-gray-950 transition-all duration-200 ease-in-out hover:ring-2 hover:ring-offset-2 hover:ring-gray-900" 3> 4 <svg 5 class="mr-2 text-white" 6 stroke-linejoin="round" 7 stroke-linecap="round" 8 stroke-width="2" 9 stroke="currentColor" 10 fill="none" 11 viewBox="0 0 24 24" 12 height="24" 13 width="24" 14 xmlns="http://www.w3.org/2000/svg" 15 > 16 <path 17 d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" 18 ></path> 19 <path d="M9 18c-4.51 2-5-2-7-2"></path> 20 </svg> 21 <span class="text-white">Star on Github</span> 22 <span 23 class="flex items-center ml-4 group-hover:text-yellow-500 transition-colors duration-200 ease-in-out" 24 > 25 <svg 26 class="text-yellow-500" 27 stroke-linejoin="round" 28 stroke-linecap="round" 29 stroke-width="2" 30 stroke="currentColor" 31 fill="none" 32 viewBox="0 0 24 24" 33 height="24" 34 width="24" 35 xmlns="http://www.w3.org/2000/svg" 36 > 37 <polygon 38 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" 39 ></polygon> 40 </svg> 41 <span class="text-white ml-2">612</span> 42 </span> 43</button> 44
110 views
110 views
MIT License