Properties

Link copied to clipboard
abstract external var anchorOrigin: BadgeOrigin?

The anchor of the badge.

Link copied to clipboard
abstract external var badgeContent: ReactNode?

The content rendered within the badge.

Link copied to clipboard
abstract external override var children: ReactNode?

The badge will be added relative to this node.

Link copied to clipboard
abstract external var classes: BadgeClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract external override var className: ClassName?
Link copied to clipboard
abstract external var color: BadgeColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

Link copied to clipboard
abstract external var invisible: Boolean?

If true, the badge is invisible.

Link copied to clipboard
abstract external var key: Key?
Link copied to clipboard
abstract external var max: Double?

Max count to show.

Link copied to clipboard
abstract external var overlap: BadgeOverlap?

Wrapped shape the badge should overlap.

Link copied to clipboard
abstract external var showZero: Boolean?

Controls whether the badge is hidden when badgeContent is zero.

Link copied to clipboard
abstract external var slotProps: BadgeSlotProps?
Link copied to clipboard
abstract external var slots: BadgeSlots?
Link copied to clipboard
abstract external override var sx: SxProps<Theme>?

The system prop that allows defining system overrides as well as additional CSS styles.

Link copied to clipboard
abstract external var variant: BadgeVariant?

The variant to use.

Functions

Link copied to clipboard
open inline external fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
open inline operator external fun <P : Props> ElementType<P>.invoke()
open inline operator external fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)
open inline operator external fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
Link copied to clipboard
open inline operator external fun Char.unaryPlus()
open inline operator external fun String?.unaryPlus()
open inline operator external fun ReactNode?.unaryPlus()
open inline operator external fun Props?.unaryPlus()