UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

39 lines (38 loc) 1.67 kB
/** * 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;