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.