linkOverview

The Chip component is a compact UI element designed to display information or actions in a small, interactive format. Chip can represent tags, categories, or actions and are often used for filtering, selection, or displaying attributes in a concise manner.

linkVariants

The Chip component supports several color variants to fit different design contexts. The available colors are:

• Input: A chip that allows users to input or select values, often used in forms or filters.
• Assist: A chip that provides additional information or context, typically used for tags or labels.
• General: A standard chip for general use, suitable for various actions or information display.

linkElevated

The Chip component can be elevated to create a more prominent appearance, making it stand out in the UI. This is useful for highlighting important actions or information.

linkIcon

The Chip component can include an icon to enhance its functionality and visual appeal. This is particularly useful for actions that are better represented with an icon, such as delete or edit.

• Right Icon: An icon displayed on the right side of the chip, often used for actions like cancel or menu
• Left Icon: An icon displayed on the left side of the chip, typically used for categorization or tagging.

linkUnclickable

The Chip component can be disabled to prevent user interaction, which is useful when the chip represents a state that cannot be changed or when the action is not applicable.

linkAPI Reference

linkChip

A compact component for displaying information or actions, often used for tags, filters, or selections.

linkProps

linkInherited Props

The Chip component accepts all standard HTML label element props.