Mesh UI
BlocksComponentsFoundationFigmaRoad Map

Guide

IntroductionInstallationMCPChangelog

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselCheckboxChipCode BlockCollapsibleDate InputTime InputDialogDropzoneEmptyHover CardInputInput OTPKbdLabelLinkPaginationPill TogglePopoverProgressRadio GroupResizableScroll AreaScroll ShadowSelectSeparatorSkeletonSliderSpinnerSwitchTableTabsTextareaToggleToggle GroupTooltip

Blocks

ScaffoldData TableSign In

Foundation

ColorsIcons

Front-End Dev

NavbarUser Profile

Aspect Ratio

A container that maintains a consistent width-to-height ratio.

Import

Usage

Photo by Drew Beamer

AspectRatio Props

AttributeTypeDefaultDescription
rationumber1The desired aspect ratio (e.g., 16 / 9).
classNamestring-Additional CSS classes for styling.

On This Page

ImportUsageAPI Reference
docs right background
docs left background