Levo logo

Pricing

Levo Studio

Creating Custom Style Variants

LA

Levo Academy

Table of Contents
How to Create a Custom Variant

Every single component in Levo Studio lets you build custom Variants! If the built-in styles (like the standard Button sizes or Text options) don't perfectly fit what you need, you can easily build your own from scratch.

How to Create a Custom Variant

  1. Open the Theme Editor: Go to the Theme Editor and find the component you want to customize (like a Button, Heading, or Container).

  2. Find or Create a Variant Group:

    • If you want to add a completely new category (like "Special Sizes"), click "Add New Variant Group" and give it a clear name.

    • If an appropriate group already exists (like "Style" or "Color"), you can just use that one!

  3. Add Your Variant: Inside your chosen group, click "Add New Variant" to create a new option. Give your variant a name.

  4. Style Your Variant: Click the "Edit" button next to your new variant. Then, use the style controls to design exactly what it should look like!

And that's it! Once you are done, your shiny new custom variants will instantly become available across your entire website. You can select and use them exactly like the built-in ones.


← Prev
Applying Style Variants to Elements

Next →
Element States — Styling Hover, Disabled & Active

Related Docs

Workspace Identity, Billing & Developer Access

The Workspace Hub is the foundational control layer of your platform. It centralizes critical administrative functions, including organizational identity, billing management, integrations, and developer access.

Activity Log — Track Every Workspace Change

The Activity Log provides a clear record of important actions within your workspace. It shows who performed an action and when, helping you maintain visibility and accountability.

Roles & Permissions — Controlling Team Access

A Role is a defined set of permissions that determines what a team member can view and perform within the platform. Levo operates on a granular, action-based permission model, allowing administrators to explicitly control whether a user can:
1/0
Levo logo

Level up engagement on any website

Pricing

Contact Us

Help & Support

Copyright © 2026. All Rights Reserved

Terms & Conditions

Privacy Policy