@react-pakistan/react-ui-collection/eCommerceV1UI/product-item/type.d.ts

React UI Collection built upon React Storybook

import { IColorPaletteUnit } from '../color-palette';
export interface IProductItemProps {
    /**
     * Background Color property for Label component
     */
    backgroundColorLabel?: string;
    /**
     * Color property for Label Text Component
     */
    colorLabelText?: string;
    /**
     * Text for Label Component
     */
    labelText: string;
    /**
     * Url property for Background Image component
     */
    imageBackgroundUrl: string;
    /**
     * Width property for Background Image component
     */
    imageBackgroundWidth?: string;
    /**
     * Height property for Background Image component
     */
    imageBackgroundHeight?: string;
    /**
     * Background Color property for Background Image component
     */
    imageBackgroundColor?: string;
    /**
     * Background Size property for Background Image component
     */
    imageBackgroundSize?: string;
    /**
     * Text Align property for H5 component
     */
    textAlignH5?: string;
    /**
     * Text Transform property for H5 component
     */
    textTransformH5?: string;
    /**
     * Color property for H5 component
     */
    colorH5?: string;
    /**
     * Heading property for H5 component
     */
    productItemHeadingH5: string;
    /**
     * Variation Colors for Product Item component
     */
    variationColors: Array<IColorPaletteUnit>;
    /**
     * Font Family property for Variation Price
     */
    fontFamilyVariationPrice: string;
    /**
     * Text for Variation Price
     */
    buttonTextVariationPrice?: string;
    /**
     * Text Transform for Variation Price
     */
    textTransformVariationPrice?: string;
    /**
     * Color for Variation Price
     */
    colorVariationPrice?: string;
    /**
     * Background Color property for Button component
     */
    backgroundColorButton: string;
    /**
     * Font Family property for Button Text component
     */
    fontFamilyButtonText: string;
    /**
     * Text Transform property for Button Text component
     */
    textTransformButtonText?: string;
    /**
     * Color property for Button Text component
     */
    colorButtonText?: string;
    /**
     * Font Size property for Button Text component
     */
    fontSizeButtonText?: string;
    /**
     * Text for Button Text component
     */
    buttonText: string;
    /**
     * Text for Overlay Button Text component
     */
    overlayButtonText: string;
    /**
     * Color property for Icon component
     */
    iconColorWishlist: string;
    /**
     * Font Family property for Button Text component
     */
    fontFamilyButtonTextWishlist: string;
    /**
     * Font Size property for Button Text component
     */
    fontSizeButtonTextWishlist: string;
    /**
     * Color property for Button Text component
     */
    colorButtonTextWishlist: string;
    /**
     * Button Text for the Wishlist Icon Button component
     */
    buttonTextWishlist: string;
}