Documentation
v3
v2
v1
Learn
Playground
Blog
Search
Cancel
>
Light mode
Dark mode
System
Introduction
What is Lit?
Getting Started
Components
Overview
Defining
Rendering
Reactive properties
Styles
Lifecycle
Shadow DOM
Events
Decorators
Templates
Overview
Expressions
Conditionals
Lists
Built-in directives
Custom directives
Composition
Overview
Component composition
Mixins
Controllers
Managing Data
Context
Async Tasks
Signals
Tools and workflows
Overview
Requirements
Development
Testing
Publishing
Production
Starter kits
Adding Lit
Server rendering
Overview
Server usage
Client usage
Authoring components
DOM emulation
Frameworks
React
Localization
Overview
Runtime mode
Transform mode
CLI and config
Best practices
API
LitElement
ReactiveElement
Templates
Styles
Decorators
Directives
Custom directives
Static HTML
Controllers
Misc
Releases
Lit 3 upgrade guide
Related libraries
Standalone lit-html
Lit Labs
Resources
Community
Documentation
v3
v2
v1
Learn
Playground
Blog
Search
Cancel
>
Light mode
Dark mode
System
›
Introduction
What is Lit?
Getting Started
›
Components
Overview
Defining
Rendering
Reactive properties
Styles
Lifecycle
Shadow DOM
Events
Decorators
›
Templates
Overview
Expressions
Conditionals
Lists
Built-in directives
Custom directives
›
Composition
Overview
Component composition
Mixins
Controllers
›
Managing Data
Context
Async Tasks
Signals
›
Tools and workflows
Overview
Requirements
Development
Testing
Publishing
Production
Starter kits
Adding Lit
›
Server rendering
Overview
Server usage
Client usage
Authoring components
DOM emulation
›
Frameworks
React
›
Localization
Overview
Runtime mode
Transform mode
CLI and config
Best practices
›
API
LitElement
ReactiveElement
Templates