@fidely-ui/react
Version:
Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps
17 lines (16 loc) • 746 B
TypeScript
import type { BoxProps } from '../box/index';
export interface PersonaProps extends Omit<BoxProps, 'direction'> {
/** The name of the person */
name?: string;
/** The secondary text (e.g. job title, role, etc.) */
title?: string;
/** The image URL for the avatar */
img?: string;
/** The avatar size — supports same variants as Avatar */
imgSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
/** Controls the layout direction (horizontal or vertical) */
orientation?: 'horizontal' | 'vertical';
/** Gap between avatar and text */
spacing?: number;
}
export declare const Persona: import("react").ForwardRefExoticComponent<Omit<PersonaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;