9.0 Released! → Native ESM runtimes 🚀, Vite support ⚡️, multi-window apps and more...
Read Announcement
ts
type GlassEffectConfig = {
  animateChangeDuration?: number;
  interactive?: boolean;
  spacing?: number;
  tint?: string | Color;
  variant?: GlassEffectVariant;
};

Defined in: ui/core/view/view-common.ts

Properties ​

animateChangeDuration? ​

ts
optional animateChangeDuration?: number;

Defined in: ui/core/view/view-common.ts

Duration in milliseconds to animate effect changes (default is 300ms)

interactive? ​

ts
optional interactive?: boolean;

Defined in: ui/core/view/view-common.ts

spacing? ​

ts
optional spacing?: number;

Defined in: ui/core/view/view-common.ts

(LiquidGlassContainer only) spacing between child elements (default is 8)

tint? ​

ts
optional tint?: string | Color;

Defined in: ui/core/view/view-common.ts

variant? ​

ts
optional variant?: GlassEffectVariant;

Defined in: ui/core/view/view-common.ts

Next
GlassEffectType