### options
- type: BadgeSelectItemProps[]
- description: An array of options. Each option must have a unique `id`, a `text` and a `skin` whose value should match one of `<Badge/>`'s skin values.
### selectedId
- type: string
- description: The id of the selected option in the list.
### onSelect
- type: (option: BadgeSelectItemProps) => void
- description: Callback function called whenever the user selects a different option in the list.
### size
- type: "small" | "tiny" | "medium"
- description: The size of the `<Badge/>`
- default: 'medium'
### type
- type: "transparent" | "solid" | "outlined"
- description: The type of the `<Badge/>`
- default: 'solid'
### uppercase
- type: boolean
- description: Whether the text of the `<Badge/>` should be uppercase.
- default: true
### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used to create driver in testing.
### popoverProps
- type: PopoverCommonProps
- description: Accepts common popover props that are passed to the dropdown popover.
- linkTypeTo: Popover
### showDrawerOnMobile
- type: boolean
- description: Specifies whether the options open in a bottom `<Drawer/>` when `WixDesignSystemProvider` has `mobile` enabled.
- default: true
### ref
- type: null | string | (instance: BadgeSelectImperativeActions | null) => void | RefObject<BadgeSelectImperativeActions>
- description: Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).