### children
- type: ReactNode
- description: Any element to be rendered inside
### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used in the tests
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### locale
- type: "th" | "tr" | "id" | "no" | "en" | "en-US" | "en-GB" | "en-AU" | "en-CA" | "ar" | "bg" | "ca" | "zh" | "zh-TW" | "zh-HK" | "zh-MO" | "cs" | "da" | "nl" | "fi" | "fr" | "fr-CA" | "fr-CH" | "fr-BE" | "de" | "de-CH" | "de-AT" | "el" | "he" | "hi" | "hu" | "it" | "ja" | "ko" | "lt" | "ms" | "nb" | "nn" | "pl" | "pt-BR" | "pt" | "ro" | "ru" | "sk" | "sl" | "es" | "es-419" | "es-AR" | "es-MX" | "es-US" | "sv" | "tl" | "uk" | "vi"
- description: Sets locale and formats the number according to it
### skin
- type: "standard" | "light" | "warning" | "general" | "danger" | "success" | "neutralLight" | "warningLight" | "urgent" | "neutralStandard"
- description: The component's look and feel
### size
- type: "small" | "medium"
- description: The component's size. Can be small or medium
### showShadow
- type: boolean
- description: Makes the card have a box-shadow style
### truncate
- type: boolean
- description: Control whether values greater than 99 should be truncated
- default: true