@cavilha/collapse
Version:
A component used to organize and display releated information gradually to optimize screen space.
40 lines (39 loc) • 1.23 kB
TypeScript
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;