fly-by Design SystemGitHub

fb-aspect-ratio

ui

Aspect Ratio

fly-byデザインシステムのAspect Ratioコンポーネント。アスペクト比を維持するコンテナ。

プレビュー

16:9 Aspect Ratio

インストール

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

依存関係

NPM Packages

@radix-ui/react-aspect-ratio

使用例

import { FbAspectRatio } from "@/components/ui/fb-aspect-ratio"

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

ファイル

registry/fly-by/ui/fb-aspect-ratio.tsxui