Add CSS Class to Components

It would be awesome if I could add css classes to a retool component.

For example, say I wanted to style 3 tables to have a shadow.
Currently, I would have to do this:

._retool-table1,
._retool-table2,
._retool-table3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

Instead, I would rather have a css class defined like this:

.has-shadow {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

and then add the CSS class 'has_shadow' to the individual tables.
I could then put this as a global css override- making adding the shadow to other tables and apps much easier and maintainable.

8 Likes

If possible, it would be great to be able to add classes to both the element and it's container (if it has one) independently.

So, for example I could have a class add to the same element as "._retool-container-table1" and "._retool-table1" seprately.

I am also looking for this.

Added your plus one the internal ticket to track this! And for anyone else, please keep adding plus ones to help prioritize :pray:

+1000

+1

+1

+1

+1

+1