What's the cool thing I will be able to do in maizzle 4.0 :)

[weenzeel]

I saw this tweet:

What is the new cool thing? I don't know Maizzle all that well.

[cossssmin]

You can pass data through attributes to a component.

In that screenshot, article inside <component ... role="article"> is passed into the component, compiling role="{{ role }}" to role="article".

Might not be the best example since I used article for the component file name as well (article.html).

Here's a simpler component example:

<!-- button.html -->
<a href="{{ url }}">
  {{ label }}
</a>

If you'd use that like this:

<component
  src="button.html"
  url="https://example.com"
  label="Click me"
></component>

... it would compile to:

<a href="https://example.com">
  Click me
</a>

[HelloAlexPan]

Is there a typo?

Currently it reads

<div class="{{ class }}

Should it be

<div style="{{ class }}"

[cossssmin]

Not a typo, it's being passed Tailwind classes and the result has CSS inlined.