Function icon

  • icon(props): Element

  • Creates an icon component for displaying icons or text fallbacks.

    Parameters

    • props: UiIconProps

      Configuration object

    Returns Element

    A JSX element representing the icon component

    Example

    Basic usage with static icon

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

    Example

    Usage with dynamic icon from central state

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

    Example

    Usage with styling and margins

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

Settings