
### children
- type: ReactNode
- description: Accepts any component as a child item. Usually it is a text string.
### type
- type: "transparent" | "solid" | "outlined"
- description: Controls the appearance of a notification
### skin
- type: "standard" | "neutral" | "warning" | "premium" | "general" | "danger" | "success" | "neutralLight" | "warningLight" | "urgent" | "neutralStandard" | "neutralSuccess" | "neutralDanger"
- description: Controls the appearance of a notification
### size
- type: "tiny" | "small" | "medium"
- description: Controls the size of the component
### prefixIcon
- type: null | IconElement
- description: Pass an icon or a component to display in front of the content
### suffixIcon
- type: null | IconElement
- description: Pass an icon or a component to display at the end of the content
### customContent
- type: ReactNode
- description: Accepts custom content to render instead of the default text-wrapped `children`.
### onClick
- type: EventHandler<MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>>
- description: Defines a click handler
### uppercase
- type: boolean
- description: Forces uppercase letters
### noPadding
- type: boolean
- description: Removes paddings from the component
### dataHook
- type: string
- description: Applies a data-hook HTML attribute to be used in the tests
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### showTooltip
- type: boolean
- description: Controls whether ellipsis tooltip is enabled.
- default: true
### display
- type: "inline" | "block"
- description: Defines the display property of the component
- default: inline
### ariaLabel
- type: string
- description: Defines a string value that labels the badge element

