Badges
Icon Chip

Icon Chip

Dismissable and interactive icon elements.

Anatomy

import { IconChip } from "@lualtek/react-components";
 
export default () => {
  return <IconChip icon="sensor" />;
};

API Reference

export type IconChipProps = {
  /**
   * Set the dimension of the component.
   * @default 'regular'
   */
  dimension?: "small" | "regular" | "big";
 
  /**
   * Set a color from one of the provided values.
   * @default 'gray'
   */
  color?: TokensTypes["colors"];
 
  /**
   * Set the icon to show
   */
  icon: IconProps["source"];
};