Public
- Public
- Network
- Groups
- Featured
- Popular
- People

<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2 w-full">Set Goal</button>

Download link

<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2 w-full">Set Goal</button>
https://files.mastodon.social/media_attachments/files/113/837/390/679/009/131/original/b2e525d355074c7c.png

Notices where this attachment appears

Embed this notice
Paddy Duke (paddyduke@mastodon.social)'s status on Friday, 17-Jan-2025 00:05:12 JST Paddy Duke

You'll hear "Tailwind is so good. It really streamlines my development process.", and when you look at their code, this is what a single, plain button looks like:

In conversation Friday, 17-Jan-2025 00:05:12 JST from mastodon.social permalink