@@ -14,12 +14,6 @@ A close button consists of:
14141 . ** Button** — native ` <button type="button"> ` with delegated focus; handles pointer and keyboard activation
15152 . ** 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
2923Close 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