alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
17 lines • 835 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 44px lowered surface with no vertical padding, so each item pressable
* fills the full height (a 44px 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