API Configuration Schema
| Property | Type | Default | Description |
|---|---|---|---|
| theme | String | 'auto' | Selected dynamic theme scheme palette to output. Options include Auto, Light, Dark, Amoled, Dracula, Nord, etc. |
| style | String | 'classic' | Structural curves, margins, padding scale, focus ring layout options. |
| animation | Object / String | {...} | Opening and closing hardware-accelerated transition profiles and durations. |
| searchable | Boolean | true | Enables typing-based character searches on active elements. |
| storage | Boolean | true | Persists active selection states via localStorage. |
| customStyles | Object | {} | Direct inline CSS variables injector overrides (supports bg, color, accent, radius, padding, etc.). |
Custom Bubbled Events
| Event Name | Target Elements | Description |
|---|---|---|
| ss:open | Original Select | Triggers immediately prior to opening animations. |
| ss:close | Original Select | Dispatched once closing animations finish. |
| ss:change | Original Select | Dispatched on selection change. Event metadata is bundled on event.detail. |
Live Custom Events Terminal
Interact with the active StylishSelect element below to inspect custom event outputs in the console panel:
Dynamic State Logger Console
[System] Terminal observer connected... waiting for events.