Before you start using this style guide in your project you should read this section!
Components use context to style themselves. If no context is applied by a wrapping element it gets a base styling.
components/00-settings/_vars.scss file you will find a SASS map
$themes that defines all section types.
Atoms then base their styling on the section they are in.
So you’re looking to use this style guide but find that one of the components in your design isn’t defined yet?
Here’s a checklist with things you need to consider before defining a new component. If you can check ALL boxes, then yaay: go ahead and create a new component.
I’ve read the
CONTRIBUTING.md file in the root of the GIT repo.
The component will be used in other projects.
(if the answer is no: define a custom component in your project code base)
I’ve looked for similar looking components and couldn’t find one.
(if you did find one: define a technical variant using the method below: Share code between components)
I’ve looked for a component that serves the same purpose and couldn’t find one
(if you did find one: define a variant in