react-styled-kit - v4.0.3
    Preparing search index...

    Variable StyledCloseIconConst

    StyledCloseIcon: StyledComponent<
        ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<
            DetailedHTMLProps<
                ButtonHTMLAttributes<HTMLButtonElement>,
                HTMLButtonElement,
            >,

                | "className"
                | "style"
                | "classes"
                | "action"
                | "centerRipple"
                | "children"
                | "disabled"
                | "disableRipple"
                | "disableTouchRipple"
                | "focusRipple"
                | "focusVisibleClassName"
                | "LinkComponent"
                | "onFocusVisible"
                | "sx"
                | "tabIndex"
                | "TouchRippleProps"
                | "touchRippleRef"
                | "href"
                | "color"
                | "disableElevation"
                | "disableFocusRipple"
                | "endIcon"
                | "fullWidth"
                | "loading"
                | "loadingIndicator"
                | "loadingPosition"
                | "size"
                | "startIcon"
                | "variant",
        > & MUIStyledCommonProps<Theme> & {},
        {},
        {},
    > = ...

    Styled close icon button component

    StyledCloseIcon

    A specialized button component designed for close/dismiss actions. Features include:

    • Consistent info color scheme
    • Smooth hover animations
    • Fixed white text color
    • Shadow effects

    Material-UI Button props

    <StyledCloseIcon onClick={handleClose}>
    <CloseIcon />
    </StyledCloseIcon>