@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
30 lines (29 loc) • 1.27 kB
TypeScript
import React from 'react';
import { type BoxProps } from '../Box/Box';
export type BaseActiveDropdownItemSize = 'compact' | 'regular' | 'large';
export interface BaseActiveDropdownItemProps {
iconComponent?: React.ReactNode;
label: React.ReactNode;
isOpened?: boolean;
onClick?: () => void;
horizontalIconGap?: BoxProps['gap'];
alwaysVisibleLabel?: string;
tagComponent?: React.ReactNode;
tagPosition?: 'start' | 'end';
size?: BaseActiveDropdownItemSize;
color?: BoxProps['color'];
arrowColor?: BoxProps['color'];
background?: BoxProps['background'];
labelStyle?: React.CSSProperties;
/**
* Render the dropdown caret in a tight 8×8 wrapper instead of the default
* 16×16. Only affects the caret icon — not paddings, fonts, or hit area on
* the active item itself.
*/
compactIcon?: boolean;
}
/**
* Represents the component used to open the dropdown, usually displayed all the time.
*/
declare function BaseActiveDropdownItem({ iconComponent, label, isOpened, onClick, horizontalIconGap, alwaysVisibleLabel, tagComponent, tagPosition, size, color, arrowColor, background, labelStyle, compactIcon, }: BaseActiveDropdownItemProps): React.JSX.Element;
export default BaseActiveDropdownItem;