avatar

ui

Avatar

fly-byデザインシステムのAvatarコンポーネント。ユーザーアバター表示用。-size-xs/s/m/l/xl、-shape-circle/squareをサポート。

プレビュー

U

YF

FB

インストール

npx shadcn@latest add "https://fly-by.design.yukyu.net/r/avatar.json"

依存関係

NPM Packages

@radix-ui/react-avatarclass-variance-authority

使用例

import { Avatar } from "@/components/ui/avatar"

// コンポーネントを使用
<Avatar>
  Content
</Avatar>

ファイル

registry/fly-by/ui/avatar.tsxui