Skill ID: StylingCommonParts_13
Description: A button that just has a border and transparent background.
Where to apply: Secondary actions, less important buttons.
Key Tailwind Classes:
border border-blue-500 text-blue-500
Gotcha:
Forgetting to explicitly make the background transparent (
bg-transparent
) if the element has a default background from somewhere else. Also, ensure the hover/focus state is clearly different (e.g., fill with color).