Codux Help Center

Browse our articles to find the answers you need

Working with Codux

Codux Editor

Styles Panel

As your component designs become a reality, and you're able to see them onscreen in Codux, you'll probably see some styling that needs to be changed. Codux shines when it comes to providing the visual tools nec

Elements Panel

As you may know, elements are the building blocks of components. Components may contain any number of HTML elements and inner components inside them.When you open a board in Codux, you'll see on the left side o

Properties Panel

Codux automatically scans your components for properties, and creates the appropriate input for each in the Properties panel on the right side of the screen, sorted by their importance.Here you can provide valu

Computed Styles Panel

Sometimes you might want to understand where an element in your component is receiving its styling from, and this isn't always easy to do when projects can contain multiple stylesheets with many rules. The Comp

Changing Prop Visualizer Types

Visualizers give you a quick way to input values for your component's properties and attributes. For example, a product-related component likely has a title prop to represent the title of the product (as in the

Editing Code in Codux

Codux, the state-of-the-art visual IDE for React that it is, merges the ability to render visual components in real-time with the utility of a code editor (which uses the same engine that drives Microsoft VS Co

Editing Code Alongside Your IDE

When you want to visually work on your project in Codux side-by-side with your project's code in your IDE, you can open the IDE of choice directly to the relevant code file right from Codux for a seamless, inte

Using Prettier to Format Code

Prettier is a code formatting tool that makes your code more readable, consistent, and easier to maintain. It takes messy, unformatted code and formats it in an aesthetically pleasing manner while also keeping

Add Elements Panel

The Add Elements panel lets you insert new HTML elements and inner components into your components. You can open it by clicking the + icon above the Elements panel, or by pressing A on your keyboard when the El

Media Management in Codux

Whether you're a designer or developer, having access to your project's media files is crucial. With Codux, you can see all your project's images and SVGs right from the Add Elements panel, and add them visuall