From a81e35bc3e2890e9b4b0c8dcb279b288391d3c4f Mon Sep 17 00:00:00 2001 From: Khuda Dad Nomani <32505158+KhudaDad414@users.noreply.github.com> Date: Thu, 2 Nov 2023 15:37:22 +0000 Subject: [PATCH] [ADR-0005] support component styling with tailwind css in design system (#823) Co-authored-by: samz --- doc/adr/0005-use-tailwind-in-design-system.md | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 doc/adr/0005-use-tailwind-in-design-system.md diff --git a/doc/adr/0005-use-tailwind-in-design-system.md b/doc/adr/0005-use-tailwind-in-design-system.md new file mode 100644 index 000000000..8f059955b --- /dev/null +++ b/doc/adr/0005-use-tailwind-in-design-system.md @@ -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.