Side menu, Chip components

1
2 Likes
2

I love that we can do this and change they way they look. Will it be possible to create a list in a database that can uses chips or will it be where we always have to create each one?

3

we will try to connect databases in all components where possible.

2 Likes
4

I feel bad, I think I’m the only one asking questions and harrassing you guys :slight_smile:

5

everything is fine, we have already moved on from the dead point, it will be faster further

1 Like
6

Lottie for inserting an animated image into an HTML block:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Lottie Animation Example</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.9/lottie.min.js"></script>
  </head>
  <body>
    <div id="animation-container" style="width: 300px; height: 160px;"></div>

    <script>
      const animationContainer = document.getElementById('animation-container');
      const animation = bodymovin.loadAnimation({
        container: animationContainer,
        renderer: 'svg',
        loop: true,
        autoplay: true,
        path: 'https://assets6.lottiefiles.com/packages/lf20_Wo9uEx8Vh6.json'
      });
    </script>
  </body>
</html>

21-04-2023 09.47.40
21-04-2023 09.47.403334×1472 383 KB

In this example, a

container is created with the animation-container ID, which will contain the Lottie animation. Container dimensions are set via style attributes.

The JavaScript code uses the Lottie library, which loads the animation from the JSON file specified in the path property. Other container properties such as renderer, loop and autoplay can also be customized.

Note that you have to replace the value of your-animation.json to the name of the JSON file with your Lottie animation.

I hope it helped! If you have any questions, please feel free to ask.

09.36.41

1 Like
7

I like it :slightly_smiling_face:

I didn’t think about Lottie animations.