Skip to main content

Interface: ChipProps

Defined in: components/Chip/index.tsx:12

Description​

Props for the Chip component.

Extends​

  • ComponentProps

Properties​

accent?​

optional accent?: string

Defined in: utils/colors/index.ts:11

Inherited from​

ComponentProps.accent

accentDark?​

optional accentDark?: string

Defined in: utils/colors/index.ts:13

Inherited from​

ComponentProps.accentDark

accentLight?​

optional accentLight?: string

Defined in: utils/colors/index.ts:12

Inherited from​

ComponentProps.accentLight

borderRadius?​

optional borderRadius?: BorderRadius

Defined in: components/Component/index.ts:16

The border radius of the component.

Inherited from​

ComponentProps.borderRadius

children?​

optional children?: ReactNode

Defined in: components/Chip/index.tsx:20

The content of the chip.

className?​

optional className?: string

Defined in: components/Component/index.ts:12

Additional CSS class for the component.

Inherited from​

ComponentProps.className

data-id?​

optional data-id?: string | number

Defined in: components/Component/index.ts:20

A data-id attribute for testing or identification.

Inherited from​

ComponentProps.data-id

elevation?​

optional elevation?: Elevation

Defined in: components/Component/index.ts:14

The elevation level for box-shadow effects.

Inherited from​

ComponentProps.elevation

iconName?​

optional iconName?: string

Defined in: components/Chip/index.tsx:18

Optional icon name to display inside the chip.

label?​

optional label?: string

Defined in: components/Chip/index.tsx:22

Optional text label to display.

size?​

optional size?: "sm" | "md" | "lg"

Defined in: components/Chip/index.tsx:16

The size of the chip. Defaults to 'sm'.

style?​

optional style?: CSSProperties

Defined in: components/Component/index.ts:18

Custom inline CSS styles.

Inherited from​

ComponentProps.style

type?​

optional type?: "text" | "default" | "primary"

Defined in: components/Chip/index.tsx:14

The visual style/type of the chip. Defaults to 'default'.