sgds-utilities-border-radius
Installation
SKILL.md
SGDS Border Radius Utilities Skill
Helps developers apply rounded corners to components, containers, and form elements using SGDS design tokens.
Prerequisites
Required: Complete setup from sgds-utilities-setup skill first.
Theme files not required: Border radius utilities work without theme files.
Core Concept
SGDS provides two separate radius token scales:
| Scale | Classes | Use on |
|---|---|---|
| General | sgds:rounded-{size} |
Divs, containers, buttons, badges, avatars — any non-form element |
| Form | sgds:rounded-form-{size} |
Native HTML form elements: <input>, <select>, <textarea>, <form> |