eds-splash-screen
Explore the Interactive Component
Use the playground below to experiment with the component. Click the button to view the full Storybook deployment for additional examples and configurations.
See It in Use with Code
Check out this practical implementation of component.
Plain HTML
Hiding Splash Screen with Event-Based Control
Hiding Splash Screen with Promises-All Resolved
Example Using Promises-All Resolved and Reject
Listening Splash Events
In React
In Vue
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
initPromise | – | A promise that must be resolved before the splash screen hides. This can be used for tasks like initialization or authentication. | Promise<any> | undefined |
inverse | inverse | If true, applies a dark theme by rendering a black background and white logo. | boolean | false |
Events
| Event | Description | Type |
|---|---|---|
splash | Event emitted when the splash screen state changes. Emits an object with a type and a message. | CustomEvent<{ type: "error"; message: string; } | { type: "hidden"; message: string; }> |
Dependencies
Used by
- eds-app-root
Depends on
Graph
Built with StencilJS
Last updated on