# UserInfoCardProps

Props for the UserInfoCard component

## Definition

```tsx
interface UserInfoCardProps {
    /**
     * User key to fetch user details
     */
    userKey: number | string;

    /**
     * Details configuration - can be one of:
     * - Simple array: ['Phone', 'Email'] - auto-generates labels
     * - Full config: { fields: ['Phone'], columns: 2, layout: 'vertical' }
     * - Custom render: (user) => <div>{user.FullName}</div>
     */
    details?: UserInfoCardDetails;

    /**
     * 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 { UserInfoCardProps } from 'uxp/components';
```

## Related Types

* [UserInfoCardDetails](https://help.iviva.com/uxp/v5/additional-resources/types/userinfocarddetails)
* [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)
* [UserDetailField](https://help.iviva.com/uxp/v5/additional-resources/types/userdetailfield)
* [UserDetails](https://help.iviva.com/uxp/v5/additional-resources/types/userdetails)
* [UserDetailsConfig](https://help.iviva.com/uxp/v5/additional-resources/types/userdetailsconfig)
* [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)