Todos os componentes

Aspect Ratio

Aspect Ratio é um componente de layout para React e Tailwind CSS, da biblioteca HextaUI, com licença MIT. Copia e cola no teu projeto.

HextaUI MIT layout

O que é

Aspect Ratio é um componente de layout para React e Tailwind CSS, da biblioteca HextaUI, com licença MIT. Copia e cola no teu projeto.

Como usar

Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.

Abrir no catálogo

Cinco cópias grátis por mês. Sem cartão.

Precisa de

npm i @radix-ui/react-aspect-ratio

Licença

Este componente vem de HextaUI e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.

Aspect Ratio

registry/new-york/ui/aspect-ratio.tsx
"use client";

import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
import * as React from "react";
import { cn } from "@/lib/utils";

type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;

const AspectRatio = React.forwardRef<
  React.ComponentRef<typeof AspectRatioPrimitive.Root>,
  AspectRatioProps
>(function AspectRatio({ className, ...props }, ref) {
  return (
    <AspectRatioPrimitive.Root
      className={cn("touch-manipulation", className)}
      data-slot="aspect-ratio"
      ref={ref}
      {...props}
    />
  );
});

export { AspectRatio };

Componentes parecidos