Logical slots

This is a future feature that will be released soon

The logical slot in Jux is a special container, so it doesn’t have any styling or properties to choose from. The main function of a logical slot is to help the different elements that Jux provides be as powerful, meaningful and precise as possible.

The way a logical slot works is by having a layer representation in the object navigator, inside which other regular objects can be put. The regular objects that are inside the logical slot will have some function tied to them. One very frequent such function can be ‘trigger’. So if you have a checkbox element for example, only the objects that are put inside the ‘trigger’ logical slot are going to affect wether a ‘click’ on them changes the state of the checkbox.

In the following example the right layer structure will allow both the label and the helper text to trigger the checkbox state, and in the left layer structure - only the ‘box’ itself. Clicking on the label or the helper text will not change the state of the checkbox.

Other examples of logical slots will include: ‘content’ for the list of select element, ‘option content’ for the actual objects that are going to be shared between the option and the select field itself, ‘tab list’ and ‘tab panel’ for tabs and many more

By hovering the logical slot layer in the object navigator - you can see a tooltip detailing what action is tied to that particular logical slot.

Logical slots exist only in the Jux elements, and cannot be added or created if they didn’t already exist. They are also not targetable or selectable, and cannot be deleted. Some of the logical slots will have specific allowed components that can be placed there per Jux element.

Remember that the logical slots are a product of the innate structure of the elements themselves. They need to be populated by objects so that the element can actually function properly.