Name | Type | Default | Description |
---|---|---|---|
title required | string | The text displayed as the title of the Limit card | |
className | string | Additionnal CSS classes to customize the style of the Limit card | |
id | string | Unique identifier of the Limit card | |
isHistoryIncluded | boolean | Whether the history icons is rendered | |
isLimitEditable | boolean | Whether the limit value is editable directly in the Limit card | |
isLimitTheGoalToReach | boolean | Whether the limit value is a goal. When the goal is achived, the progress bar stay teal color instead of turning red | |
limit | number | Set the limit value of the Limit card. When the limit is reached, the progress bar is turning red color. | |
limitLabel | string | Limit | The text displayed as the title of the limit value |
onHistoryIconClick | () => void | A callback function that gets executed after the History icon is clicked | |
usage | number | Display the current usage under the Usage label |
No guidelines exist for Limit yet.