@wix/design-system
Version:
@wix/design-system
40 lines (37 loc) • 1.36 kB
Markdown
### id
- type: string | number
- description: Applied as data-hook HTML attribute that can be used in the tests
### 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
### text
- type: ReactNode
- description: The text to be rendered within the badge.
### subtitle
- type: string
- description: The secondary text to be rendered within the badge.
### skin
- type: "standard" | "neutral" | "warning" | "premium" | "general" | "danger" | "success" | "neutralLight" | "warningLight" | "urgent" | "neutralStandard" | "neutralSuccess" | "neutralDanger"
- description: The badge's skin. See the <Badge/> story for the full list of available skins.
### ellipsis
- type: boolean
- description: Should the text and subtitle get ellipsis with tooltip, or should it get broken into lines when it reaches the end of its container
### selected
- type: boolean
- description: If true, the item is selected
### highlighted
- type: boolean
- description: If true, the item is highlighted
### disabled
- type: boolean
- description: If true, the item is disabled
### suffix
- type: ReactNode
- description: Any suffix
### size
- type: "small" | "medium"
- description: Changing text size