LocationDisplay
Show your current city with a stylish globe icon.
Made with Workshop
Build your own component with AI
About this Component
LocationDisplay is a versatile component that dynamically shows the user’s current location with a clean globe icon. It automatically fetches the user’s city using the browser’s Geolocation API and gracefully falls back to a default location if access is denied. Fully customizable, you can adjust the background, text color, icon color, font, border radius, shadow, and padding to match your app’s style. Ideal for dashboards, profiles, travel apps, and any interface that benefits from location awareness.
