Add to all TailwindCSS classes the prefix

See original GitHub issue

Description

In the next version of component we use the TailwindCSS for styling. We don’t use the prefixes for TailwindCSS classes used inside the component. It can ends with duplicated classes with other properties than ours in some application - in other words, users can attach to application existing TailwindCSS stylings based on “normal” TailwindCSS class names, so they can override our styles or our styles can override other.

This approach is used in several project like stoplight (they use the sl prefix) etc.

We should use the prefix options for TailwindCSS https://tailwindcss.com/docs/configuration#prefix but the question is, what prefix? ai as a shortcut of asyncapi or maybe another?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
derbergcommented, Jun 16, 2021

yeah, forgot about this ui idea. Then aui 😉

1reaction
magicmatatjahucommented, Jun 16, 2021

@derberg We will change the name of package to ui or something like -> https://github.com/asyncapi/asyncapi-react/issues/263 so having react prefix or suffix isn’t good idea 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Add prefix to the tailwind utility classes - 5 Balloons
The prefix option allows you to add a custom prefix to all of Tailwind's generated utility classes. Since often you would want to...
Read more >
Content Configuration - Tailwind CSS
Configuring source paths. Tailwind CSS works by scanning all of your HTML, JavaScript components, and any other template files for class names, ...
Read more >
Make Tailwind Classes non-Global (automatically!)
The prefix option allows you to add a custom prefix to all of Tailwind's generated utility classes. This can be really useful when...
Read more >
Adding a prefix to TailwindCSS classes with VIM | Seblog
Today we needed to add a TailwindCSS prefix to a small project we are building, to prevent clashes with other TailwindCSS classes on...
Read more >
Tailwind.CSS Prefix Applicator
We're sorry but Tailwind.CSS Prefix Applicator doesn't work properly without JavaScript enabled. Please enable it to continue. Prefix:
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found