Components
Surface
The container every card-shaped component draws with: solid, blurred glass, or the platform's own material (Liquid Glass on iOS 26, Material 3 on Android).
No model needed
Install
npx ondai add surfaceUsage
import { Surface } from '@/components/ondai/surface'
<Surface elevation="card" style={{ padding: 16 }}>
<Text>Follows the theme: solid, glass, or Liquid Glass on iOS 26</Text>
</Surface>Variants
| Prop | Options |
|---|---|
material | auto, solid, glass, native |
elevation | inset, card, floating |
skin | clean, minimal, glass, pop, candy, metal, shine |
Fallback
Pure UI: no model required.
Eval score
No model-driven fixtures for this component.
Files
Registry dependencies: ion-border
npm dependencies: @ondai/tokens, expo-blur, expo-glass-effect, react-native-reanimated, react-native-svg