fly-by Design SystemGitHub

aspect-ratio

ui

Aspect Ratio

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

プレビュー

16:9 Aspect Ratio

インストール

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

依存関係

NPM Packages

@radix-ui/react-aspect-ratio

使用例

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

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

ファイル

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