What Is a Mixin? A is a class that exists solely to provide properties and functions to other classes. Using mixins, you can simulate inheritance between classes. mixin For example, I might have different classes for various elements, such as buttons, menus, datePickers, and dropdowns. Each of these elements are clickable. Instead of defining similar functions for each of them, I can "mix" the each each of these classes. Each class then has access to the same functionality. ClickableMixininto Velo comes with several mixins that many of its APIs use. Velo mixins are Wix Editor Elements ($w). This article describes and links to each mixin in the Velo Reference. Which Functions and Properties Are From Mixins? When looking at the , mixin functions and properties are described along with any  functions and properties that are unique to the class. This gives you a complete list of any functions and properties you can use with the API, regardless of their source. Velo Reference After an API's summary of functions and properties, before its Introduction, referenced mixins are listed. For example: Click one of the links to see which functions and properties come from a mixin and not the current API you are viewing. Mixins can comprise other mixins. For example, the is a superset of the HiddenMixin and the . Note: HiddenCollapsedMixin CollapsedMixin Velo Mixins The table below presents each mixin. Click its link to see its functions and properties in the Velo Reference. Provides functionality for elements that can be be checked. CheckedMixin : Provides functionality for elements that can be clicked. ClickableMixin : Provides functionality for elements that can be collapsed. CollapsedMixin : Provides functionality for elements that can contain other elements. ContainableMixin : Provides functionality for elements that can be disabled. DisabledMixin : Provides basic functionality for elements. Element : Provides properties for events that are fired when certain actions occur to elements. Event : Provides functionality for elements that can set and lose focus. FocusMixin : Provides functionality related to user input elements. FormElement : Provides functionality for all elements that can be hidden or collapsed. HiddenCollapsedMixin : Provides functionality for elements that can be hidden. HiddenMixin : Provides functionality for elements that have a label. LabelMixin : Provides functionality for elements that can act as links. LinkableMixin : Provides functionality for all Wix objects, including objects that are not . Node : elements Provides functionality for elements that can be played. PlayableMixin : Provides functionality for input elements that support readonly mode. ReadOnlyMixin : Provides functionality for input elements that can be required to have a value. RequiredMixin : Provides an object representing an element's styles. Style : Provides functionality for elements that can be styled. StyleMixin : Provides functionality for elements that accept text as input. TextInputMixin : Provides functionality for elements that can be validated. ValidatableMixin : Adds the value property to elements. ValueMixin : Provides functionality for elements that can be scrolled into and out of view. ViewportMixin : Previously published at https://support.wix.com/en/article/velo-about-mixins

Different

How To Avoid SEO Pitfalls

Velo How-To: Assigning Permissions For Web Modules

Develop Smarter, Deliver Faster

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

How To Use Velo Mixins

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

The API fetch Module as the Way to Accessing 3rd-Party Services

10 Cool CI/CD Tools For Your Project

27 Stories To Learn About Ssl

20 Essential Backend Tools For Developers

3 Most Common Ways to Connect your Node and React Applications

The API fetch Module as the Way to Accessing 3rd-Party Services

10 Cool CI/CD Tools For Your Project

27 Stories To Learn About Ssl

20 Essential Backend Tools For Developers

3 Most Common Ways to Connect your Node and React Applications

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps