Customize the Kontakt Controls Package

After loading the components from the Kontakt Controls Package, you may want to start making them your own. The following tutorials show you ways to use what we provide in this package to style and even create your own components.

---

📄️ Add Your Styles to Components

The Kontakt Controls package contains default styles for the available components, so you can already use for example a Default Knob Style, a Default Slider Style, a Default Switch Style, and a Default Toggle Button Style. If you want to customize the appearance of these components, you can also define your own styles for them.

📄️ Create Your Own Components

Instead of using sprite-based components, you might want to create components that are based on shapes provided by the UI Module. Some advantages to this approach are better control of the colors, as well as ending up with components that are easily resizable.