question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No Badge class styles

See original GitHub issue

I’ve found that when I use a blog post component from https://kutty.netlify.app/components/blog-post/ That the styles for the badge don’t come through. As if the class is not there. Is there something I’m missing? All the other styles seem to come through.

I’m running:

    "autoprefixer": "^10.2.5",
    "next": "10.0.4",
    "postcss": "^8.2.8",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "tailwindcss": "^2.0.3"

Next JS

Is it from tailwind UI? https://tailwindui.com/components/application-ui/elements/badges

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
praveenjugecommented, Mar 13, 2021

You need to add Kutty as a tailwind plugin for those badge styles. https://kutty.netlify.app/docs/

1reaction
praveenjugecommented, Mar 13, 2021

Hey, @Seanmclem sorry about that, can you share a minimal code example?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Badges - Bootstrap
While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of...
Read more >
Badge Background and Badge Pill styles are missing #31217
Using the classes listed below, the badge component seems to not be displaying the proper styles for badge-pill.
Read more >
Bootstrap 4 badge not working - just not showing up
What can be a reason? the reason is there is no badge class in that css. There is no badge class in this...
Read more >
Styling: Badge - Oracle
A Badge is a label which holds a small amount of information. It consists of a span with the appropriate text inside, with...
Read more >
Bootstrap Badges -- Tutorials with advanced examples
Badges scale to match the size of the immediate parent element by using relative font sizing and em units. As of v5, badges...
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