jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
35 lines (34 loc) • 1.02 kB
TypeScript
/**
* @file index.tsx
*
* @fileoverview Renders multiple columns with some icon and text. Receives an array of icons, text
* and displays them in a grid.
*/
import React from 'react';
interface Item {
icon: React.ReactNode;
iconSize?: string;
text: React.ReactNode | string;
color?: string;
}
export interface MultiColumnIconProps {
/**
* The intro title for the row, shows above the icons.
*/
introTitle?: React.ReactNode | string;
/**
* The intro text for the row, shows above the icons.
*/
introText?: React.ReactNode | string;
/**
* The list of icons and text that will be displayed as grid.
*/
items: Item[];
}
/**
* Presents information to a user in a multicolumn way. Useful
* to show information side by side. Its responsive so no matter how many items
* are inside it will show as many as possible side by side.
*/
export declare const MultiColumnIcon: ({ introTitle, introText, items }: MultiColumnIconProps) => JSX.Element;
export {};