aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
38 lines • 1.44 kB
TypeScript
import React from "react";
type Orientation = "horizontal" | "vertical";
type TabVariant = "default" | "pills" | "underline";
type GlassVariant = "frosted" | "dynamic" | "clear" | "tinted" | "luminous";
type BlurStrength = "none" | "light" | "standard" | "heavy";
export interface TabBarContainerProps extends React.HTMLAttributes<HTMLDivElement> {
$orientation?: Orientation;
$variant?: TabVariant;
$glassVariant?: GlassVariant;
$blurStrength?: BlurStrength;
$elevated?: boolean;
$background?: boolean;
$color?: string;
$width?: string | number;
$height?: string | number;
$borderRadius?: string | number;
$iconPosition?: "top" | "left" | "right";
$verticalDisplayMode?: "expanded" | "compact";
$placement?: "top" | "bottom" | "left" | "right";
$isResponsive?: boolean;
}
export declare const TabBarContainer: React.ForwardRefExoticComponent<TabBarContainerProps & React.RefAttributes<HTMLDivElement>>;
export interface TabSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
left: number;
top: number;
width: number;
height: number;
variant?: TabVariant;
orientation?: Orientation;
disableAnimation?: boolean;
offset?: {
x: number;
y: number;
};
}
export declare const TabSelector: React.ForwardRefExoticComponent<TabSelectorProps & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=styled.d.ts.map