Icon

Graphic elements that quickly and concisely convey information to the user.

Anatomy

import { Icon } from "@lualtek/react-components";
 
export default () => {
  return <Icon source="chat">;
};

API Reference

export type IconProps = SVGAttributes<SVGElement | SVGSVGElement> & {
  /**
   * Set the icon name to display. Icon names are defined in
   * the `IconNames` enum and are part of Lualtek iconography system.
   */
  source: IconNames | ReactElement<HTMLOrSVGElement>;
 
  /**
   * Set the size of the icon. To improve readability at any size, the style of the icon
   * is automatically defined based on the dimension.
   * @default 18
   */
  dimension?: TokensTypes["icon"]["size"];
};

Glow Icon Meter