Matterway
    Preparing search index...

    Function icon

    • Icon component for displaying icons or text fallbacks.

      Parameters

      • props: UiIconProps

        Configuration object

        • icon

          Icon to display. Can be either a static IconKey or a function that receives params with data and value, returning an IconKey

        • className

          Additional CSS classes

        • color

          Icon color

        • margin

          Margin values

        • size

          Icon size in pixels

        • strokeWidth

          Stroke width for outline icons

      Returns Element

      Basic usage with static icon

      icon({
        icon: 'checkmark-circle'
      });

      Usage with dynamic icon from params with data and value

      icon({
        icon: ({data}) => data.user.isOnline ? 'checkmark-circle' : 'close-circle',
        size: 24,
        color: '#007bff'
      });

      Usage with styling and margins

      icon({
        icon: 'information-circle',
        size: 20,
        margin: [10, 5],
        className: 'custom-icon-class'
      });

    Settings