Component Builder

This is very likely where you'll spend most of your time when using Selectoplasm, so let's do a quick tour.

Selector

Here is your component's selector. If you click Edit, the Selector Builder will appear and give you a breakdown of the new selector as well as its specificity.

Combo Input

This is where the magic happens. The Combo Input is a (not-so) simple text input that will parse an emmet-inspired syntax that can do the following things:

• construct complex trees of HTML elements
• unpack css classes
• perform both these operations simultaneously

We'll go into greater detail on the next page, but suffice to say, you can get a LOT done very quickly with the Combo Input, and it's remarkably intuitive.

Declarations

Any unpacked declarations in your component will appear below the Combo Input.

Rulesets

Any nested rulesets you've added to your component will appear below the declarations. Each ruleset is its own component builder!

These rulesets will have a delete button. If you want to delete your entire component, its delete button is in the Component Library window.