Navigation, Modals, Toasts and Actions

Lightning Web ComponentsNavigation, Modals, Toasts and ActionsWire your components into the Lightning Experience shell: navigate with NavigationMixin and PageReferences, read URL state, show toasts and modals, build quick actions, Flow screen components, console and utility bar integrations, and URL-addressable components.Intermediate · about 75 minutesWhat you will learn

Navigate and generate URLs with NavigationMixin using the right PageReference type for each destination

Read and write URL state with CurrentPageReference and namespaced c__ parameters

Show feedback with lightning/toast, ShowToastEvent, LightningAlert, LightningConfirm and LightningPrompt

Build reusable modals by extending LightningModal and returning results with close()

Create screen and headless quick actions with lightning__RecordAction

Expose components to Lightning App Builder, Flow screens, console tabs, the utility bar and direct URLs

Contents

The container model: intent, not implementation

Navigation with NavigationMixin

Toasts and notifications

Alerts, confirms and prompts

LightningModal: building real dialogs

Quick actions with LWC

Lightning App Builder targets and configuration

Console apps: the Workspace API in LWC

The utility bar

Flow screen components

Worked example: a "Log a Visit" action

Best practices

Common pitfalls

Hands-on exercises

Key takeaways