Glass Card

A simple Card control that can present any control inside.

Theme

Dark Theme

standard-dark

Light Theme

standard-light

xml

<GlassCard>
    <!-- Content -->
</GlassCard>

Alternative Style

Primary

primary

xml

<GlassCard Classes="Primary">
    <!-- Content -->
</GlassCard>

Accent

accent

xml

<GlassCard Classes="Accent">
    <!-- Content -->
</GlassCard>

Opaque

opaque

xml

<GlassCard IsOpaque="True">
    <!-- Content -->
</GlassCard>

Interactive

interactive

xml

<GlassCard IsInteractive="True">
    <!-- Content -->
</GlassCard>

Animations

GlassCard are animated with CompositionAnimations by the property IsAnimated set to True by default. Opacity changes and Size changes of the GlassCard are automatically animated.

animated

Glass Card ​

Theme ​

Dark Theme ​

Light Theme ​

Alternative Style ​

Primary ​

Accent ​

Opaque ​

Interactive ​

Animations ​

See Also ​