Skip to content

Commit

Permalink
docs: updated the Button documentation site section
Browse files Browse the repository at this point in the history
  • Loading branch information
PKulkoRaccoonGang committed Dec 12, 2023
1 parent dbfc232 commit 6119804
Showing 1 changed file with 5 additions and 24 deletions.
29 changes: 5 additions & 24 deletions src/Button/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -200,30 +200,11 @@ For link to be `disabled`, it must have href defined with some value.
)}
```

### With a Spinner

```jsx live
<>
<Button variant="primary" className="mb-2 mr-2 mb-sm-0" aria-label="Loading some stuff">
<Spinner animation="border" />
</Button>
<Button variant="brand" className="mb-2 mr-2 mb-sm-0" aria-label="Loading some stuff">
<Spinner animation="border" />
</Button>
<Button variant="outline-primary" className="mb-2 mr-2 mb-sm-0" aria-label="Loading some stuff">
<Spinner animation="border" />
</Button>
<Button variant="outline-brand" className="mb-2 mr-2 mb-sm-0" aria-label="Loading some stuff">
<Spinner animation="border" />
</Button>
<Button variant="inverse-primary" className="mb-2 mr-2 mb-sm-0" aria-label="Loading some stuff">
<Spinner animation="border" />
</Button>
<Button variant="inverse-brand" className="mb-2 mr-2 mb-sm-0" aria-label="Loading some stuff">
<Spinner animation="border" />
</Button>
</>
```
## Stateful buttons
To implement loading state using a `Button` component, the [StatefulButton](https://paragon-openedx.netlify.app/components/statefulbutton/) component
is available for use. <br/>
This specialized component is designed to seamlessly manage and display boot states, providing a more efficient and
user-friendly experience.

***

Expand Down

0 comments on commit 6119804

Please sign in to comment.