Back to docs
Component
Glass Card
Blurred frosted card surface for profile and billing modules.
Install
npx shadcn@latest add @native-bits/glass-cardDependencies
react-native-reanimatedexpo-blur
surfacescardmobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Card content |
| intensity | number | 40 | Blur intensity |
| tint | 'dark' | 'light' | 'dark' | Blur tint |
Usage
```tsx
import { glass-card } from '@/components/native-bits/glass-card'
<GlassCard intensity={42}>
<ProfileSummary />
</GlassCard>
```Source code
Loading...