Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Development tailwindcss storybook config #54

Conversation

MethmaPeiris99
Copy link
Contributor

Purpose

The purpose of this PR is to fix #53

Goals

  • TailwindCSS styles cannot be implemented for storybook components without executing TailwindCSS-Storybook configuration

Approach

  • The configuration was done in 2 steps.
    • First, an addon called storybook styling was added to the project
    • Then the css file which is index.css file was added to the preview.ts file

Checklist

  • This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
  • I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation

Related PRs

Learning

Copy link
Member

@anjula-sack anjula-sack left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you! @MethmaPeiris99

@anjula-sack anjula-sack merged commit 0d6d198 into sef-global:main Oct 7, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Configure tailwind CSS with the storybook
2 participants