@react-pakistan/react-ui-collection
Version:
React UI Collection built upon React Storybook
123 lines (122 loc) • 2.78 kB
TypeScript
export interface IPromoCardProps {
/**
* Image Url property for Promo Card component
*/
imageUrl: string;
/**
* Alt property for Image component
*/
alt: string;
/**
* Margin property for Promo Card component
*/
margin?: string;
/**
* Padding property for Promo Card component
*/
padding?: string;
/**
* Width property for Promo Card component
*/
width?: string;
/**
* Height property for Promo Card component
*/
height?: string;
/**
* Background Color property for Label
*/
backgroundColorLabel: string;
/**
* Font Family property for Label Text Component
*/
fontFamilyLabelText: string;
/**
* Font Size property for Label Text Component
*/
fontSizeLabelText?: string;
/**
* Font Weight property for Label Text Component
*/
fontWeightLabelText?: number;
/**
* Line Height property for Label Text Component
*/
lineHeightLabelText?: string;
/**
* Letter Spacing property for Label Text Component
*/
letterSpacingLabelText?: string;
/**
* Text Align propperty for Label Text Component
*/
textAlignLabelText?: string;
/**
* Text Transform property for Label Text Component
*/
textTransformLabelText?: string;
/**
* Color property for Label Text Component
*/
colorLabelText?: string;
/**
* Text for Label Component
*/
labelText: string;
/**
* Font Family property for H4 component
*/
fontFamilyHeading: string;
/**
* Texy Align property for H4 component
*/
textAlignHeading?: string;
/**
* Text Transform property for H4 component
*/
textTransformHeading?: string;
/**
* Text for H4 component
*/
promoHeading: string;
/**
* Font Family property for P component
*/
fontFamilyText: string;
/**
* Text Transform property for P component
*/
textTransformText?: string;
/**
* Text Align property for P component
*/
textAlignText?: string;
/**
* Line Height property for P component
*/
lineHeightText?: string;
/**
* Text for P component
*/
promoText: string;
/**
* Background Color property for Button Component
*/
backgroundColorButton?: string;
/**
* Font Family property for Button Text Component
*/
fontFamilyButtonText: 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;
}