Using `-- lesson` component:

How to Use?

Add below depedencies into your FPM.ftd file

Add below depedencies into your FPM.ftd file

-- fpm.dependency: fifthtry.github.io/workshop-page as ws

-- fpm.auto-import: ws

How to create new lesson?
Let’s understand how to use `-- ws.lesson:` component.

Add below lines into your workshop.ftd file

-- boolean $what-are-lesson-completed: false
$always-include$: true

-- object what-are-lesson-object:
function: ls.set-boolean
variable: $what-are-lesson-completed

-- understood what-are-lesson-button: Understood --> button title
$on-click$: $what-are-lesson-completed = true
$on-click$: message-host $what-are-lesson-object
$lesson-status: $what-are-lesson-completed

Add below code snippet as it is in your FTD file. You can change button title if required.

How to use -- ws.lesson? use below code snippet

-- ws.lesson: lesson title
id: ws-page --> ID is importart to swich from one container to another
$status: $what-are-lesson-completed --> sets localstorage once lesson completed

Some lesson body here. You can also include `FTD` components like 
code-block etc in this section of lesson body.

Add below lines into your FPM.ftd file

-- lesson: What is FPM CLI?
$status: $what-are-lesson-understood

FPM CLI is used to work with FTD files. Learn more about it on fpm.dev

Learn more about it on fpm.dev

See working demo below, click on Understood button to see the how it works.

Understood

What is FPM CLI?

FPM CLI is used to work with FTD files. Learn more about it on fpm.dev

Learn more about it on fpm.dev

Using -- lesson component:

How to create new lesson?Let’s understand how to use -- ws.lesson: component.