Skip to content

maia.component-library / ChipProps

Interface: ChipProps

Defined in: lib/components/Atoms/Chip/Chip.tsx:26

Extends

  • PropsWithChildren<Omit<ChipProps, "className">>.ChipVariants

Properties

children

children: ReactNode

Defined in: node_modules/.pnpm/@heroui+react@3.2.1_@react-_0c36d9022f1aaf46c104e0a6d2192bf4/node_modules/@heroui/react/dist/components/chip/chip.d.ts:6

Inherited from

React.PropsWithChildren.children


className?

optional className?: string

Defined in: lib/components/Atoms/Chip/Chip.tsx:29


color?

optional color?: "default" | "accent" | "danger" | "success" | "warning"

Defined in: node_modules/.pnpm/@heroui+react@3.2.1_@react-_0c36d9022f1aaf46c104e0a6d2192bf4/node_modules/@heroui/react/dist/components/chip/chip.d.ts:9

Chip color.

Inherited from

React.PropsWithChildren.color


render?

optional render?: DOMRenderFunction<"span", undefined>

Defined in: node_modules/.pnpm/@heroui+react@3.2.1_@react-_0c36d9022f1aaf46c104e0a6d2192bf4/node_modules/@heroui/react/dist/utils/dom.d.ts:16

Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components.

Requirements:

  • You must render the expected element type (e.g. if <button> is expected, you cannot render an <a>).
  • Only a single root DOM element can be rendered (no fragments).
  • You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.

Inherited from

React.PropsWithChildren.render


size?

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

Defined in: node_modules/.pnpm/@heroui+react@3.2.1_@react-_0c36d9022f1aaf46c104e0a6d2192bf4/node_modules/@heroui/react/dist/components/chip/chip.d.ts:11

Chip size.

Inherited from

React.PropsWithChildren.size


variant?

optional variant?: "primary" | "secondary" | "soft" | "tertiary"

Defined in: node_modules/.pnpm/@heroui+react@3.2.1_@react-_0c36d9022f1aaf46c104e0a6d2192bf4/node_modules/@heroui/react/dist/components/chip/chip.d.ts:13

Chip variant.

Inherited from

React.PropsWithChildren.variant