fixed typos

libs/components/src/stories/buttondocs.stories.mdx

@@ -8,16 +8,16 @@ Use buttons for actions in forms, dialogs, and more with support for style, bloc
 
 For pairings in the bottom left corner of a page or component, the `primary` call to action will go on the left side of a button group with the `secondary` call to action option on the left.
 
-Parings in the top right corner of a page, should have the `primary` call to action on the right.
+Pairings in the top right corner of a page, should have the `primary` call to action on the right.
 
 Groups of buttons should have 1rem of spacing between them.
 
-## Choosing the `<a>`or `<button>`
+## Choosing the `<a>` or `<button>`
 
-Buttons can use either the `<a>` or `<button>` tags; choose which based on the action the button takes:
+Buttons can use either the `<a>` or `<button>` tags. Choose which based on the action the button takes:
 
-- If navigating to a new page, use a `<a>`
-- If taking an action on the current page use a `<button>`
+- If navigating to a new page, use `<a>`
+- If taking an action on the current page use `<button>`
 - If the button launches a dialog, use `<button>`
 
 ## Submit and async actions
@@ -36,23 +36,23 @@ There are 3 main styles for the button: Primary, Secondary, and Danger.
 
 <Story id="component-library-button--primary" />
 
-Use the primary button styling for all Primary call to actions. An action is "primary" if it relates to the main purpose of a page. There should never be 2 Primary styled buttons next to each other.
+Use the primary button styling for all Primary call to actions. An action is "primary" if it relates to the main purpose of a page. There should never be 2 primary styled buttons next to each other.
 
 ### Secondary
 
 <Story id="component-library-button--secondary" />
 
-The secondary styling should be used for secondary calls to action. An action is "secondary" if it relates indirectly to the purpose of a page. There may be multiple "secondary CTAs" next to each other; however, generally there should only be 1 or 2 calls to action per page.
+The secondary styling should be used for secondary calls to action. An action is "secondary" if it relates indirectly to the purpose of a page. There may be multiple secondary buttons next to each other; however, generally there should only be 1 or 2 calls to action per page.
 
 ### Danger
 
 <Story id="component-library-button--danger" />
 
-Use the Danger styling only in settings when the user may preform a permanent action.
+Use the danger styling only in settings when the user may preform a permanent action.
 
 ## Disabled UI
 
-Both the Disabled and Loading states use the default state’s color with a 60% opacity or `tw-opacity-60`.
+Both the disabled and loading states use the default state’s color with a 60% opacity or `tw-opacity-60`.
 
 <Story id="component-library-button--disabled" />