Skip to main content

Special Properties

Some commonly used properties that are currently declared as readonly may be bound to a piece of state as well. Take the HiddenMixin for example, which is available on almost every editor element; you may control element visiblity via the show/hide API, while hidden/isVisible are readonly props that cannot be set. Bound elements go around this limitation so the following will work:

import { makeAutoObservable, bind } from "@wix/velo-bind";

const state = makeAutoObservable({
  buttonVisibility: true,
});
const { button } = bind($w);
button.isVisible = () => buttonVisibility;
// any change to buttonVisibility value will change the button visibility

These properties currently include: