docs(button): update sizing guidance (#13396)

* docs(button): update sizing guidance * Update packages/react/src/components/Button/Button.mdx Co-authored-by: TJ Egan <[email protected]> * docs(button): add 2xl example --------- Co-authored-by: TJ Egan <[email protected]> Co-authored-by: Alessandra Davila <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Mar 30, 2023 · 09f7da2 · 09f7da2
1 parent 507ed8e
commit 09f7da2
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/react/src/components/Button/Button.mdx b/packages/react/src/components/Button/Button.mdx
@@ -268,18 +268,18 @@ an element appear as a button control to a screen reader. Check out the
 ### Button `size`
 
 This prop specifies which size the `Button` should be rendered at. Valid values
-are `sm`, `lg`, `xl` and `default`. If no `size` is specified, it
-renders as `default`.
+are `sm`, `md`, `lg`, `xl`, and `2xl`. If no `size` is specified, it renders as `lg`.
 
-<Button>Submit</Button>  <Button size="sm">
+<Button>Submit</Button> <Button size="sm">Submit</Button> <Button size="md">
   Submit
-</Button> <Button size="lg">Submit</Button> <Button size="xl">Submit</Button>
+</Button> <Button size="xl">Submit</Button> <Button size="2xl">Submit</Button>
 
 ```jsx
 <Button>Submit</Button>
 <Button size="sm">Submit</Button>
-<Button size="lg">Submit</Button>
+<Button size="md">Submit</Button>
 <Button size="xl">Submit</Button>
+<Button size="2xl">Submit</Button>
 ```
 
 ### Button `tooltipAlignment`