Settings

The Settings component is the configuration UI that appears in the TelemetryOS studio app's side panel when a user clicks on an application that's placed on a playlist page.

This React component allows users to customize that specific instance of your application on their playlist - configuring data sources, display options, styling, and behavior without editing code.

Usage

File: /settings.html or /settings/index.html

Tech: Standard web stack (HTML/CSS/JavaScript/React). Build your settings UI using familiar web development tools and frameworks.

Execution: Runs in the TelemetryOS studio app within an iframe when users configure your application on a playlist.

Common Configuration Options

Settings components typically allow users to configure:

• Content source - Data feeds, API endpoints, or media sources
• Display options - Layout, size, visibility, and templates
• Refresh intervals - How often content updates
• Styling - Colors, fonts, and theme customization
• Behavior - Interactions, autoplay, and transitions
• Integration settings - API keys, credentials, or service connections
• Advanced options - Caching, error handling, and performance tuning