Interface IconProps

interface IconProps {
    className?: string;
    color?: "inherit" | "primary" | "disable" | "mid-emphasis" | "surface-primary" | "surface-secondary";
    icon: IconType;
    iconSize?: "small" | "extra-extra-small" | "extra-small" | "medium" | "large" | "extra-large" | "3-extra-large";
    isDisabled?: boolean;
    onClick?: ((e?) => void);
}

Properties

className? color? icon iconSize? isDisabled? onClick?

Properties

Optional className

className?: string

Custom class to give the html component

Optional color

color?: "inherit" | "primary" | "disable" | "mid-emphasis" | "surface-primary" | "surface-secondary"

Font color of the icon. 'inherit' will be unstyled and use the color of the parent element.

icon

icon: IconType

Icon to display

Optional iconSize

iconSize?: "small" | "extra-extra-small" | "extra-small" | "medium" | "large" | "extra-large" | "3-extra-large"

Icon size

Optional isDisabled

isDisabled?: boolean

Is disabled state for onClick (does not affect color)

Optional onClick

onClick?: ((e?) => void)

onClick callback

Type declaration

    • (e?): void

    • onClick callback

      Parameters

      • Optional e: MouseEvent<Element, MouseEvent>

      Returns void

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc