alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
19 lines • 808 B
TypeScript
import type { ReactNode } from "react";
import type { Density } from "../../controlSizes";
export interface DensityScopeProps {
/**
* `comfortable` keeps every control at the 44px touch target. `compact`
* (36px) is for an interface driven by a mouse or a trackpad only: below 44px
* a control is no longer a comfortable touch target.
*/
density: Density;
children?: ReactNode;
}
/**
* Sets the size of every control in its subtree, by swapping the
* `--spacing-control-*` tokens: pushed through NativeWind's
* `VariableContextProvider` here, a `.density-*` class on web (see
* `DensityScope.web.tsx`). Nests: the nearest scope wins.
*/
export declare function DensityScope({ density, children, }: DensityScopeProps): ReactNode;
//# sourceMappingURL=DensityScope.d.ts.map