lit-ui-router / LitStateDeclaration

Interface: LitStateDeclaration

Defined in: packages/lit-ui-router/src/interface.ts:323

State declaration interface for Lit applications.

Extends the core StateDeclaration with Lit-specific component support.

Examples

const homeState: LitStateDeclaration = {
  name: 'home',
  url: '/home',
  component: () => html`<h1>Home</h1>`,
};

const usersState: LitStateDeclaration = {
  name: 'users',
  url: '/users',
  component: UserListElement,
  resolve: [
    {
      token: 'users',
      resolveFn: () => fetch('/api/users').then((r) => r.json()),
    },
  ],
};

const states: LitStateDeclaration[] = [
  { name: 'app', abstract: true, component: AppShell },
  { name: 'app.home', url: '/home', component: HomeView },
  { name: 'app.users', url: '/users', component: UsersView },
];

See

StateDeclaration

Extends

• StateDeclaration

Properties

Property	Type	Description	Defined in
component?	LitViewDeclaration	The Lit component to render for this state	packages/lit-ui-router/src/interface.ts:325