Using `-- task` 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 task?
Let’s understand how to use `-- ws.task:` component.

Add below lines into your workshop.ftd file

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

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

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

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

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

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

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

Add below lines into your FPM.ftd file

-- task: What is FPM CLI?
$status: $what-are-task-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 Done button to see the how it works.

Done

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 -- task component:

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