# InfoCardProps

Props for the InfoCard component

## Definition

```tsx
interface InfoCardProps {
    data: InfoCardData
    /**
     * Field mappings for ItemCard display (maps data fields to image/title/subtitle/name)
     */
    fields?: InfoCardFields;

    /**
     * Details content to show in dropdown on click
     * Can be:
     * - React.ReactNode: Static content
     * - Function returning React.ReactNode: Dynamic custom content
     * - Function returning ObjectInfoCardProps: Config for ObjectInfoCard
     */
    details?: InfoCardDetailsContent;

    /**
     * Display variant: 'card' shows full card with title/subtitle, 'avatar' shows only profile image
     * Defaults to 'card'
     */
    variant?: 'card' | 'avatar';

    /**
     * Size of the profile image: small (2rem), medium (3rem, default), large (4rem), or custom CSS unit (e.g., "5rem")
     */
    size?: Size;

    /**
     * Shape of the profile image: circle (default) or square
     */
    shape?: Shape;

    /**
     * Position for the dropdown. Defaults to 'bottom-left'
     */
    dropdownPosition?: DropdownPosition;

    /**
     * Additional CSS class names
     */
    className?: string;

    /**
     * Inline styles
     */
    style?: React.CSSProperties;
}
```

## Usage

```tsx
import { InfoCardProps } from 'uxp/components';
```

## Related Types

* [InfoCardData](https://help.iviva.com/uxp/v5/additional-resources/types/infocarddata)
* [ExecuteRequestConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executerequestconfig)
* [ExecuteConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executeconfig)
* [ExecuteActionConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executeactionconfig)
* [ExecuteConfigBase](https://help.iviva.com/uxp/v5/additional-resources/types/executeconfigbase)
* [ExecutionOptions](https://help.iviva.com/uxp/v5/additional-resources/types/executionoptions)
* [CachingOptions](https://help.iviva.com/uxp/v5/additional-resources/types/cachingoptions)
* [ExecuteServiceConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executeserviceconfig)
* [ExecuteMicroserviceConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executemicroserviceconfig)
* [ExecuteAPIConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executeapiconfig)
* [ExecuteQueryConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executequeryconfig)
* [QueryParams](https://help.iviva.com/uxp/v5/additional-resources/types/queryparams)
* [ExecuteCollectionConfig](https://help.iviva.com/uxp/v5/additional-resources/types/executecollectionconfig)
* [UseExecuteOptions](https://help.iviva.com/uxp/v5/additional-resources/types/useexecuteoptions)
* [InfoCardFields](https://help.iviva.com/uxp/v5/additional-resources/types/infocardfields)
* [InfoCardDetailsContent](https://help.iviva.com/uxp/v5/additional-resources/types/infocarddetailscontent)
* [DetailsContent](https://help.iviva.com/uxp/v5/additional-resources/types/detailscontent)
* [RowData](https://help.iviva.com/uxp/v5/additional-resources/types/rowdata)
* [ObjectInfoCardProps](https://help.iviva.com/uxp/v5/additional-resources/types/objectinfocardprops)
* [ObjectField](https://help.iviva.com/uxp/v5/additional-resources/types/objectfield)
* [Size](https://help.iviva.com/uxp/v5/additional-resources/types/size)
* [Shape](https://help.iviva.com/uxp/v5/additional-resources/types/shape)
* [DropdownPosition](https://help.iviva.com/uxp/v5/additional-resources/types/dropdownposition)