Installation
Examples
24°
Partly Cloudy
Wind
12 km/h
Humidity
64%
UV Index
6/10
Cloud Cover
25%
Hourly Forecast
Now
24°
2PM
26°
3PM
25°
4PM
23°
Open Weather
Cosmic Dream
Stellar Soundscapes
2:143:45
Open Music App
Props
| Prop | Type | Default | Description |
|---|---|---|---|
gradientStart | string | "#4F46E5" | Starting color of the gradient background. Accepts any valid CSS color value |
gradientEnd | string | "#9333EA" | Ending color of the gradient background. Accepts any valid CSS color value |
textColor | string | "#ffffff" | Color of the text content. Used for default content and action button text |
content | React.ReactNode | undefined | Custom content to be displayed inside the phone. Overrides the default logo and title display |
logo | React.ReactNode | undefined | Custom logo component to be displayed when no content prop is provided |
title | string | undefined | Title text to be displayed below the logo when no content prop is provided |
actionText | string | undefined | Text to be displayed in the action button at the bottom of the phone |
actionLink | string | "#" | URL for the action button link |
showStatusBar | boolean | true | Controls the visibility of the status bar at the top of the phone |