Icon

Properties

• name (string):
  The name of the icon to be displayed. The following icons are available:
  • 'dots-vertical'
  • 'dots-horizontal'
  • 'lines-horizontal'
  • 'cross'
  • 'edit'
  • 'plus'
  • 'minus'
  • 'search'
  • 'trash'
  • 'angel-right'
  • 'angel-left'
  • 'angel-up'
  • 'angel-down'
  • 'check'
  • 'gear'
  • 'arrows-rotate'
• size (number):
  The size of the icon. Default: 12.
• fill (string):
  The color of the icon. Default: 'currentColor', which allows the icon to inherit the color from its parent element.
• style (string):
  Additional inline styles for the SVG element.
• id (string):
  A unique identifier for the icon. Can be used to reference the icon via JavaScript or CSS.
• class (any):
  An additional CSS class for styling the icon.

Important Notes

• Rendering the Icon:
  Depending on the value passed to the name property, the component renders the corresponding SVG icon. Each icon has its own SVG sets defined in separate components, such as IconDotsVertical, IconCross, etc.