UNPKG

@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
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>>;