RemixFast 
Learn
Docs
Blog
Docs Navigation

How To

Create List with Detail FormAdd Related ListAdd Editable Children

Guides

ArchitectureStacksSaaS Stripe SetupApp TypesPage TemplatesCode StructureSecurityVisual Model BuilderField Data TypesModelsRoutesViewsHooksDrag-n-Drop

Components

Alert DialogAutocomplete FieldAvatarBadgeButtonCalendarCheckbox FieldDate FieldDate PickerDialogNumeric FieldPicker FieldPhoto FieldStatSelect FieldSheetSkeletonSwitchTableTabsText FieldTextArea FieldTooltip
TipsAbstractions

How To

Create List with Detail FormAdd Related ListAdd Editable Children

Guides

ArchitectureStacksSaaS Stripe SetupApp TypesPage TemplatesCode StructureSecurityVisual Model BuilderField Data TypesModelsRoutesViewsHooksDrag-n-Drop

Components

Alert DialogAutocomplete FieldAvatarBadgeButtonCalendarCheckbox FieldDate FieldDate PickerDialogNumeric FieldPicker FieldPhoto FieldStatSelect FieldSheetSkeletonSwitchTableTabsText FieldTextArea FieldTooltip
TipsAbstractions
Components
Avatar

Avatar

An image element with a fallback for representing the user.

API Reference
RF

Usage

import { Avatar, AvatarFallback, AvatarImage } from '~/components/avatar';
import { Avatar, AvatarFallback, AvatarImage } from '~/components/avatar';
<Avatar>
  <AvatarImage src="https://remixfast.com/logo.png" />
  <AvatarFallback>RF</AvatarFallback>
</Avatar>
<Avatar>
  <AvatarImage src="https://remixfast.com/logo.png" />
  <AvatarFallback>RF</AvatarFallback>
</Avatar>
An easy way to rapidly build Remix applications.
Product
  • Home
  • Pricing
  • License
  • Changelog
Resources
  • How does it work?
  • Docs
  • Learn
  • Blog
Use Cases
  • React App Builder
© 2025, Meghsoft. All rights reserved.
Privacy PolicyTerms of Service