wx-svelte-toolbar

2.1.0 • Public • Published

SVAR Svelte Toolbar

npm License npm downloads

SVAR Toolbar is a Svelte UI component for building flexible button panels, from simple button sets to complex structures with numerous buttons and select boxes. It provides an easy way to organize and display multiple toolbar items, with support for multiline layouts and collapsible item groups that can be shown on demand.

How to Use

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

<script>
	import { Toolbar } from "wx-svelte-toolbar";

	function onClick(item) {
		message = "Button '" + item.id + "' clicked";
	}

	let items = [
		{ id: "label", text: "Toolbar with icon buttons" },
		{
			id: "search",
			comp: "button",
			icon: "wxi-search",
			handler: onClick,
		},
	];
</script>

<Toolbar {items} />

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

Need help?

Join our community forum to get help or post feature requests.

Dependencies (2)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i wx-svelte-toolbar

    Weekly Downloads

    3,348

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    18.6 kB

    Total Files

    16

    Last publish

    Collaborators

    • marta-ko