Docs Installation Playground Explore AST

Set on System Basis

Make Your Elements Shine! 💥

Changing styles and classes in BroCode is as easy as flipping a switch! Whether you want to jazz up your element or strip it of unnecessary frills, we’ve got all the tricks. Let’s turn up the style game and make those elements stand out! ✨


Change Style of Your Element 🤩

Easily modify the appearance of your element to match your design needs.

BROCODE
bro <element> ka <property> "<value>" krde;

<property> must be in camelCase (background-color ❌ backgroundColor ✅)

Add a Class for Extra Flair ✨

Give your element a new class to style it or add more functionality.

BROCODE
bro <element> ki classes me "<className>" add krde;

Remove a Class When It’s No Longer Needed 🧹

Take away that extra class to keep things clean and minimal.

BROCODE
bro <element> ki classes me "<className>" remove krde;

Toggle a Class On or Off Anytime 🔄

Switch a class on or off whenever you need to make a change dynamically.

BROCODE
bro <element> ki classes me "<className>" toggle krde;

Let’s Make Some Magic! 🎩

Style It Like a Superstar

Give your element a snazzy look by changing its style.

BROCODE
bro myDiv ka color "red" krde;
Context: Provide properties in JavaScript format, just like how they are given in camelCase in JavaScript.

Class It Up! 👑

Add a class to take your element from zero to hero.

BROCODE
bro myButton ki classes me "btn-danger" add krde;

Out With The Old! 🏃

No longer needed? Remove that class and make space for something better!

BROCODE
bro myDiv ki classes me "hidden" remove krde;

Class-ception! 🔄

Toggle the class like you’re playing a game of dress-up.

BROCODE
bro toggleButton ki classes me "active" toggle krde;

Pro Tips 💡

Don’t just play around—use these tips to be a true class/style master.

🎯 Use classes for reusable styles to keep your code clean and organized.🎯 Toggle classes when you want to change things up without fuss.🎯 Make sure to remove unnecessary classes so your code doesn’t get bloated.

BroCode © 2024. All rights reserved.