Avatar
Display a user or assistant avatar.
The
avatar prop accepts either an icon or an image.app.tsx
import { Avatar } from '@superinterface/react'
export const App = () => (
<Avatar
avatar={{
type: 'IMAGE',
imageAvatar: { url: 'https://...' },
iconAvatar: null,
}}
/>
)
app.tsx
import { Avatar } from '@superinterface/react'
export const IconExample = () => (
<Avatar
avatar={{
type: 'ICON',
iconAvatar: { name: 'ROCKET' },
imageAvatar: null,
}}
/>
)
Common
iconAvatar.name values include ROCKET, STAR, and LIGHTNING_BOLT.