Skip to content

Commit 1b53a3b

Browse files
docs(close-button): trim mdx content per review feedback
Remove redundant properties text, simplify size descriptions, and drop static-colors implementation detail. Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 995daf2 commit 1b53a3b

1 file changed

Lines changed: 4 additions & 12 deletions

File tree

2nd-gen/packages/swc/components/close-button/close-button.mdx

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,6 @@ A close button consists of:
1414
1. **Button** — native `<button type="button">` with delegated focus; handles pointer and keyboard activation
1515
2. **Icon** — cross icon (`aria-hidden="true"`); size follows the `size` attribute
1616

17-
### Properties
18-
19-
- **`accessible-label`** — required accessible name forwarded to the inner button as `aria-label`
20-
- **`size`** — visual size of the hit target and icon scale (`s`, `m`, `l`, `xl`)
21-
- **`static-color`** — static color treatment for display over colored or image backgrounds (`white`, `black`)
22-
2317
<Canvas of={CloseButtonStories.Anatomy} />
2418

2519
## Options
@@ -28,10 +22,10 @@ A close button consists of:
2822

2923
Close buttons come in four sizes to fit various contexts:
3024

31-
- **Small (`s`)** — compact chrome such as dense toolbars or inline banners
32-
- **Medium (`m`)** — default size for dialogs, toasts, and most dismiss affordances
33-
- **Large (`l`)** — larger hit target when space allows
34-
- **Extra large (`xl`)** — maximum visibility for prominent dismiss controls
25+
- Small (`s`)
26+
- Medium (`m`)
27+
- Large (`l`)
28+
- Extra large (`xl`)
3529

3630
<Canvas of={CloseButtonStories.Sizes} />
3731

@@ -42,8 +36,6 @@ Use the `static-color` attribute when displaying over images or colored backgrou
4236
- **white** — use on dark or colored backgrounds for better contrast
4337
- **black** — use on light backgrounds for better contrast
4438

45-
The canvas below uses the Storybook static-color demo layout: **white** on a dark gradient panel and **black** on a light gradient panel.
46-
4739
<Canvas of={CloseButtonStories.StaticColors} />
4840

4941
## States

0 commit comments

Comments
 (0)