UNPKG

@cavilha/collapse

Version:

A component used to organize and display releated information gradually to optimize screen space.

40 lines (39 loc) 1.23 kB
import React from 'react'; import { IconProp } from '@fortawesome/fontawesome-svg-core'; import * as S from './Collapse.styles'; import { CollapseItemProps } from './CollapseItem'; declare type Single = { type: 'single'; defaultValue?: string; value?: string; }; declare type Multiple = { type: 'multiple'; defaultValue?: string[]; value?: string[]; }; export declare type CollapseProps = (Single | Multiple) & { children?: React.ReactElement<CollapseItemProps>[]; /** * Icone do collapse aberto */ openedIcon?: IconProp; /** * Icone do collapse fechado */ closedIcon?: IconProp; /** * Variação do collapse */ special?: boolean; /** * Passa ao collapse o estado se os items podem ser fechado ou não após serem abertos. */ collapsible?: boolean; /** * Função para modificar os valores de abertos ou fechados de acordo com o value. */ onValueChange?: (value: any) => void; } & S.CollapseContainerVariants; export declare const Collapse: ({ special, children, columns, css, openedIcon, closedIcon, ...props }: CollapseProps) => JSX.Element; export default Collapse;