feat: add `useUtilityClasses` prop
See original GitHub issueIs 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:
- Created 4 years ago
- Comments:6 (6 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@Hiws, I do not include
bootstrap
styles at all, design I need to implement is completely different andbootstrap
styles will be just overhead. Moreover I usetailwindcss
and its utility classes partially coincide withbootstrap
’s. These classes just add undesirable styles, that i need to override all the time.bootstrap-vue
components can be used withoutbootstrap
styles at all, but for now it’s tightly coupled.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 ofp{?}-0
andm{?}-0
classes)