lit-ui-router / RoutedLitElement

Interface: RoutedLitElement<T>

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

A LitElement class constructor that can be used in state declarations.

The class should extend LitElement and optionally accept UIViewInjectedProps in its constructor. The sticky property can be set to true to reuse the same component instance across state transitions.

Example

class UserList extends LitElement {
  _uiViewProps: UIViewInjectedProps;

  constructor(props: UIViewInjectedProps) {
    super();
    this._uiViewProps = props;
  }

  render() {
    return html`<h1>Users</h1>`;
  }
}

router.stateRegistry.register({
  name: 'users',
  url: '/users',
  component: UserList
});

Extended by

• LitViewDeclarationElement

Type Parameters

Type Parameter	Default type
T extends DefaultResolvesType	DefaultResolvesType

Constructors

Constructor

new RoutedLitElement(props): LitElement & {
  _uiViewProps: UIViewInjectedProps<T>;
};

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

Overloaded constructor that requires UIViewInjectedProps

Parameters

Parameter	Type
props	UIViewInjectedProps<T>

Returns

LitElement & { _uiViewProps: UIViewInjectedProps<T>; }

Properties

Property	Type	Description	Defined in
sticky?	boolean	If true, the same component instance is reused across state transitions	packages/lit-ui-router/src/interface.ts:272