logo

eola Style Guide 2024: Home

eola Style Guide

react

This style guide is a React implementation of eola's design system

Principles

1

Everything is a component

2

Aim for total style encapsulation; don't rely on inheritance to provide default styles.

3

Build small building blocks with minimal props to keep complexity low.

4

Keep system constrained by only including props needed per component.

5

Favor wrapping or extending components for more complex operations.

6

Maintain design system consistency with utilities as props (for spacing, color, font-size, line-height, widths, and radii).

This style guide is meant to show only the common variations, please check the component file to see all the options and full details.