@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
39 lines (38 loc) • 1.67 kB
TypeScript
/**
* SectionLinks module.
* @module @massds/mayflower-react/SectionLinks
* @requires module:@massds/mayflower-assets/scss/01-atoms/decorative-link
* @requires module:@massds/mayflower-assets/scss/02-molecules/accordion-item
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons
*/
import React from 'react';
export interface SectionCardProps {
/** The title of the card, it can be a link or just a heading text.
If title is a link (has href), the link will be rendered as a "Learn More" link on mobile below the title and description. */
title?: {
href?: string;
text: string;
};
/** An optional decorative link rendered at the bottom of the card on desktop. This is usually used to link to a landing page for the category. */
seeAll?: {
href?: string;
text?: string;
};
/** An optional description of the card rendered below the card title. */
description?: string;
/** A unique number index of the card used for setting key and id */
index?: number;
/** An array of child components to render as links inside of the card. Currently the options passed into the card from budget homepages are either CalloutLinks or DecorativeLinks. */
children?: unknown[] | object;
}
declare class SectionCard extends React.Component<SectionCardProps> {
constructor(props: any);
componentDidMount(): void;
componentWillUnmount(): void;
getCardContent: (mobile: any) => any;
handleClick: (e: any) => void;
updateWindowDimensions(): void;
render(): any;
}
export default SectionCard;