alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
17 lines • 840 B
TypeScript
import type { ReactNode } from "react";
import { type BoxProps } from "../containers/Box";
import type { SegmentedOrientation, SegmentedVariant } from "./SelectionContext";
export interface SegmentedBarProps extends Omit<BoxProps, "role"> {
role: "group" | "navigation" | "radiogroup" | "tablist";
orientation?: SegmentedOrientation;
stretch?: boolean;
variant?: SegmentedVariant;
}
/**
* Lowered track shared by every segmented group (RadioButtonGroup, NavBar, Tabs).
* It is a `control-md` lowered surface with no vertical padding, so each item
* pressable fills the full height (the tap target) while rendering a shorter
* visible chip inside it.
*/
export declare function SegmentedBar({ orientation, stretch, variant, className, ...props }: SegmentedBarProps): ReactNode;
//# sourceMappingURL=SegmentedBar.d.ts.map