svar-widgets/tasklist

A Svelte task list – a simple to-do list UI component for managing tasks.

SVAR Svelte Tasklist

Documentation • Demos

SVAR Tasklist is a lightweight and intuitive Svelte UI component for managing task lists or to-do lists. It allows users to add new tasks, edit existing ones, mark tasks as completed, and remove them. Light and dark skins are available.

How to Use

To use the widget, simply import the package and include the component in your Svelte file:

<script>
	import { Tasklist } from "@svar-ui/svelte-tasklist";

	const value = [];
</script>

<Tasklist {value} />

How to Modify

Typically, you don't need to modify the code. However, if you wish to do so, follow these steps:

1. Run yarn to install dependencies. Note that this project is a monorepo using yarn workspaces, so npm will not work
2. Start the project in development mode with yarn start

Run Tests

To run the test:

1. Start the test examples with:

   yarn start:tests

2. In a separate console, run the end-to-end tests with:

   yarn test:cypress