Glass Components Demo
RN-compatible design tokens and glass morphism components
Glass Card
This card uses the glass morphism effect with backdrop blur and translucent background.
Liquid Glass Card
Even more transparent with a "liquid" feel.
RN Tokens
Space: {"xs":4,"sm":8,"md":12,"lg":16,"xl":24}
Radius: {"sm":8,"md":12,"lg":16}
Glass Chips
Interactive chips with glass effect
Status Badges
Priority Levels
RutinaUrgenteASAPSTAT
Procedure States
PendientePrescritoProgramadoCompletadoActivoCancelado
Medication States
ActivoCompletadoCancelado
Task States
ActivoCompletadoCancelado