Skip to Main Content
Created by Guest
Created on Sep 10, 2024

Component Variant defaults on Containers

Since we don't have the benefit of css Classes to change the style characteristics of groups of elements, it would be nice to set the default variant of all components in a container(wrapper, responsive grid, deck) to a base variant.

For instance, form and button components use the default variant of the Design System, but if I have several forms and buttons in an area that I want to be treated differently, it can be a time suck to individually set the variant on each element. If I could set an alternative default for any element of a certain type in the container on the container itself, it could allow variants to cascade. If you wanted one of the elements to have a specific variant different to that of it's container, setting the variant on the element itself would overrule the container default for it. I'm not suggesting that there be a picker for every possible element, although that would be fine, but the ability to hit a plus button to add any necessary components I want to set local defaults for.

  • Attach files