@@ -140,6 +140,7 @@ yarn update-snapshots
140140<!-- commands -->
141141
142142- [ ` sf lightning dev app ` ] ( #sf-lightning-dev-app )
143+ - [ ` sf lightning dev component ` ] ( #sf-lightning-dev-component )
143144- [ ` sf lightning dev site ` ] ( #sf-lightning-dev-site )
144145
145146## ` sf lightning dev app `
@@ -200,7 +201,52 @@ EXAMPLES
200201 $ sf lightning dev app --target-org myOrg --device-type ios --device-id "iPhone 15 Pro Max"
201202```
202203
203- _ See code: [ src/commands/lightning/dev/app.ts] ( https://github.com/salesforcecli/plugin-lightning-dev/blob/2.10.2/src/commands/lightning/dev/app.ts ) _
204+ _ See code: [ src/commands/lightning/dev/app.ts] ( https://github.com/salesforcecli/plugin-lightning-dev/blob/2.10.3-demo.0/src/commands/lightning/dev/app.ts ) _
205+
206+ ## ` sf lightning dev component `
207+
208+ Preview LWC components in isolation.
209+
210+ ```
211+ USAGE
212+ $ sf lightning dev component [--json] [--flags-dir <value>] [-n <value>] [-o <value>]
213+
214+ FLAGS
215+ -n, --name=<value> Name of a component to preview.
216+ -o, --target-org=<value> Username or alias of the target org.
217+
218+ GLOBAL FLAGS
219+ --flags-dir=<value> Import flag values from a directory.
220+ --json Format output as json.
221+
222+ DESCRIPTION
223+ Preview LWC components in isolation.
224+
225+ Component preview launches an isolated development environment for Lightning Web Components, enabling rapid iteration
226+ without needing to deploy changes. The server provides real-time previews of your components through hot module
227+ replacement (HMR), automatically refreshing the view when source files are modified.
228+
229+ When running the development server, these changes are immediately reflected:
230+
231+ - Component template (HTML) modifications
232+ - Styling updates in component CSS files
233+ - JavaScript logic changes that don't modify the component's API
234+ - Adding or updating internal component dependencies
235+ - Modifying static resources used by the component
236+
237+ See the LWC Development Guide for more information about component development best practices and limitations.
238+
239+ EXAMPLES
240+ Select a component and launch the component preview:
241+
242+ $ sf lightning dev component
243+
244+ Launch component preview for "myComponent":
245+
246+ $ sf lightning dev component --name myComponent
247+ ```
248+
249+ _ See code: [ src/commands/lightning/dev/component.ts] ( https://github.com/salesforcecli/plugin-lightning-dev/blob/2.10.3-demo.0/src/commands/lightning/dev/component.ts ) _
204250
205251## ` sf lightning dev site `
206252
@@ -254,6 +300,6 @@ EXAMPLES
254300 $ sf lightning dev site --name "Partner Central" --target-org myOrg --get-latest
255301```
256302
257- _ See code: [ src/commands/lightning/dev/site.ts] ( https://github.com/salesforcecli/plugin-lightning-dev/blob/2.10.2 /src/commands/lightning/dev/site.ts ) _
303+ _ See code: [ src/commands/lightning/dev/site.ts] ( https://github.com/salesforcecli/plugin-lightning-dev/blob/2.10.3-demo.0 /src/commands/lightning/dev/site.ts ) _
258304
259305<!-- commandsstop -->
0 commit comments