v0.2.0

System

Sizing

min-width

Utilities for setting the minimum width of an element.

Quick reference

83 of 86 classes apply on React Native

Class

Styles

React Native

min-w-0

min-width: 0px;

minWidth: 0

min-w-0.5

min-width: calc(var(--spacing) * 0.5);

minWidth: 2

min-w-1

min-width: var(--spacing);

minWidth: 4

min-w-1.5

min-width: calc(var(--spacing) * 1.5);

minWidth: 6

min-w-2

min-width: calc(var(--spacing) * 2);

minWidth: 8

min-w-2.5

min-width: calc(var(--spacing) * 2.5);

minWidth: 10

min-w-2xl

min-width: var(--container-2xl);

minWidth: 672

min-w-2xs

min-width: var(--container-2xs);

minWidth: 288

min-w-3

min-width: calc(var(--spacing) * 3);

minWidth: 12

min-w-3.5

min-width: calc(var(--spacing) * 3.5);

minWidth: 14

min-w-3xl

min-width: var(--container-3xl);

minWidth: 768

min-w-3xs

min-width: var(--container-3xs);

minWidth: 256

Show all 86 classes

The React Native column is what AstraWind resolves each class to, computed live on this page with the current color scheme. Classes with no native equivalent are accepted without effect, and AstraWind warns about them in development. See Compatibility.

← width

max-width →