This is an index of all Mavo attributes and classes, with links to their respective pages in the documentation. New to Mavo? Read the Primer first!

Core attributes

These attributes are crucial. Most Mavo apps need them and elements with them are special.

The Live? column refers to whether changes to the value of this attribute (e.g. via expressions or even custom JavaScript) will have an effect. To keep performance reasonable and Mavo small, Mavo is only monitoring changes in attributes for which this is useful. If your use case requires a certain attribute to be live but it isn’t, let us know and we might make it happen!

Other attributes

These are attributes you can use to further customize your Mavo app.

The Live? column refers to whether changes to the value of this attribute (e.g. via expressions or even custom JavaScript) will have an effect. To keep performance reasonable and Mavo small, Mavo is only monitoring changes in attributes for which this is useful. “Initially” means that you can use expressions to set the value of that attribute until Mavo uses it, but nothing will happen if it changes after that point. If your use case requires a certain attribute to be live but it isn’t, let us know and we might make it happen!

Classes

In addition to attributes, you can also use these classes to customize the behavior of your Mavo app.

Generated attributes

These attributes are applied by Mavo on certain elements. You may find them useful for styling or debugging.

Generated classes

These classes are applied by Mavo on certain elements. You may find them useful for styling or debugging.

CSS Variables

You can use these CSS variables in your CSS (via var(--variable-name)) to further customize the interface. CSS Variables are inherited, so you can also refer to them on any element inside the one they’re set on.