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

eds-logo

Graph

graph TD;
  eds-splash-screen --> eds-logo
  eds-app-root --> eds-splash-screen
  style eds-splash-screen fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS