Text Chip

import { TextChip } from "@lualtek/react-components";
 
export default () => {
  return <TextChip text="🚀" />;
};

export type TextChipProps = {
  /**
   * 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 text content. Max 2 characters or 1 emoji.
   */
  text: string;
 
  /**
   * Match the emoji color with the chip color.
   * @default true
   */
  tinted?: boolean;
};