@sulu/web

How to use @sulu/web

@sulu/web is a JavaScript library that provides a set of tools to create web applications with Sulu CMS. To use @sulu/web, you need to install it as a dependency in your project using a package manager such as npm or yarn. Here are the steps you can follow to use @sulu/web:

1. Install Node.js and npm on your machine if you haven't already.
2. Create a new project directory and navigate into it using the terminal.
3. Run
   npm init
   or
   yarn init
   to initialize a new Node.js project.
4. Install @sulu/web using
   npm install @sulu/web
   or
   yarn add @sulu/web
   .
5. Import the necessary modules from @sulu/web in your JavaScript code using the
   import
   statement. For example, to use the Navigation component, you can write:

import { Navigation } from '@sulu/web';

1. Create an instance of the component and render it to the DOM. For example:

const navigation = new Navigation({
    el: '#navigation',
    items: [
        { title: 'Home', url: '/' },
        { title: 'About', url: '/about' },
        { title: 'Contact', url: '/contact' }
    ]
});

navigation.render();

In this example, we create an instance of the Navigation component and pass it an element to render to (identified by its CSS selector), as well as an array of menu items to display. Finally, we call the

method to render the component.

@sulu/web provides several other components and modules that you can use to build your application, such as PageRouter, Form, Toolbar, and more. Refer to the official documentation for more information on how to use these components.