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.

feat: add `useUtilityClasses` prop

See original GitHub issue

Is your feature request related to a problem? Please describe…

Many people actually use bootstrap-vue without bootstrap styles. There are some utility classes already applied to rendered component (p-0, mx-1 etc.). All of them contain !important statement, and complicate custom design system implementation.

Describe the solution you’d like

Maybe, useUtilityClasses prop could solve the problem. To save backward compatibility its default value should be true. But when developer do not want to apply them, just pass false. Is it somehow possible?)

Describe alternatives you’ve considered

A clear and concise description of any alternative solutions or features you’ve considered.

Additional context

Add any other context or screenshots about the feature request here.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
andrewvasilchukcommented, Feb 24, 2020

@Hiws, I do not include bootstrap styles at all, design I need to implement is completely different and bootstrap styles will be just overhead. Moreover I use tailwindcss and its utility classes partially coincide with bootstrap’s. These classes just add undesirable styles, that i need to override all the time. bootstrap-vue components can be used without bootstrap styles at all, but for now it’s tightly coupled.

0reactions
tmorehousecommented, May 6, 2020

For custom bootstrap vue components, we have removed the user of Bootstrap utility classes (such as p-2, m-4, etc) in favour of custom SCSS/CSS (with the exception of p{?}-0 and m{?}-0 classes)

Read more comments on GitHub >

github_iconTop Results From Across the Web

feat(structured-list): Add React component support for ... - GitHub
A user can set a prop to toggle the class on the StructuredListWrapper. "Must have" functionality. An easy way to add the condensed...
Read more >
The 60 Hottest Front-end Tools of 2021 - CSS-Tricks
Open Props provides a set of hand-crafted design tokens made up of CSS ... lets you use utility classes to build charts using...
Read more >
Windicss vs tailwind css - Kollegium Medizin und Recht
Tailwind CSS is more focused on providing easy-to-use utility classes to save you time. As their documentation says: "No more adding silly class...
Read more >
Adding clarity to components using props - YouTube
Using Component Properties, we can update our library and make the components a bit more clear, flexible, and semi-self-documenting for the ...
Read more >
prop-types - npm
Runtime type checking for React props and similar objects.. Latest version: 15.8.1, last published: a year ago. Start using prop-types in ...
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