forked from asyncapi/studio
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into app-component
- Loading branch information
Showing
3 changed files
with
26 additions
and
2 deletions.
There are no files selected for viewing
Validating CODEOWNERS rules …
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
# 5. Integrate Tailwind CSS into Design System for Styling | ||
|
||
Date: 2023-10-24 | ||
|
||
## Status | ||
|
||
Accepted | ||
|
||
## Context | ||
|
||
As of now, the design system doesn't provide a way to style components. | ||
All of the styling has to be done in the `ui` package. why do we want to styling in design system? | ||
Well, if we want to showcase how [Organisms](https://atomicdesign.bradfrost.com/chapter-2/#organisms) like Forms behave we need some basic styling support in design system as well. | ||
The studio is already planning to use Tailwind CSS for its UI, making it a logical choice to consider Tailwind for the design system as well. | ||
|
||
## Decision | ||
|
||
We propose to integrate Tailwind CSS into our design system. This will allow us to use the tailwind utility classes in our design system as well, such as Forms. | ||
|
||
## Consequences | ||
|
||
- Tailwind utility classes will be usable in design system. | ||
- Another tool (`concurently`) have to be used to run storybook and tailwind css side by side. | ||
- design system will be more complex and harder to understand for newcomers. |