Skip to content

Instantly share code, notes, and snippets.

@mklef121

mklef121/tailwind-button.html

Created March 12, 2021 20:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mklef121/4b37791da328a828de7423e559be5af5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mklef121/4b37791da328a828de7423e559be5af5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tailwind-button.html
<div className="w-28 inline-block relative ">
<select className="leading-tight block appearance-none w-full bg-white border border-gray-200 px-3 py-2 pr-8 rounded">
<option>Choose Action</option>
<option>Delete</option>
<option>Edit</option>
</select>
<div className="pointer-events-none absolute top-2.5 right-0 flex items-center px-2 text-gray-400">
<svg className="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment