Components
Sausage
Sausage, or circle graph, is used to present data in percentage.
Properties
Sausage
| Prop name | Type | Default Value | Description |
|---|---|---|---|
| animate | bool | false | |
| bgColor | union | 'transparent' | Select background-color of indicator |
| color | union | '#0066a4' | Select color of indicator |
| sharpEdges | bool | false | Select if stroke wants to be sharpened. |
| smallSausage | bool | false | Select if you want a mini-version |
| strokeWidth | union | '6' | Set stroke width |
| children | node | ||
| className | string | ||
| percent | union | How many percent the stroke will fill |
Accessibility
This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.
Feedback
We always want to improve the Design System and would be thrilled to get your feedback.
Please share your wisdom with us.