Comments (2)
I'm not sure, really. I do use BS4 cards for a few things, but I usually end up spending more time customizing them than it would take to roll my own.
For example, look at all the potential ways cards can be used in Bootstrap. Personally, I've only used a few of these styles, and the same result could have been achieved using flexbox + a couple of padding/border properties.
I'll leave this open to gather feedback from the community. However, before people π or π I'd like to emphasize that Shoelace isn't trying to replicate Bootstrap βΒ it provides something more lightweight and fundamental that can be customized and extended as needed.
Maybe the best place for cards is a third-party component?
I'd love to hear ideas though.
from shoelace.
I think cards are a great idea for an add-on. I'd suggest following #3. Maybe we can add it as a first-party component. I'd just prefer not to have it in core.
from shoelace.
Related Issues (20)
- Dark mode broken with shadow DOM - `:root` specifier is missing in `dark.css` HOT 3
- Switching between first and second slide does not work correctly in `<sl-carousel>` HOT 1
- label instead of legend in the radio-group HOT 1
- sl-checkbox emits sl-changed event before dom is updated HOT 3
- sl-select does not close when clicking outside HOT 2
- 2.13.0 automatically installs `playwright` when used as a dependency HOT 6
- <sl-tooltip> adds a space when used inline HOT 2
- [v2.13.0] sl-select component shows HTML source code when selecting an option containing HTML HOT 1
- Type Error: Illegal Constructor thrown at runtime when instantiating Shoelace components by constructor HOT 2
- Checkbox Component: Coloring mandatory field indication ("*")
- Strange behaviour with SlSelect in a Drawer or a Dialog : it triggers parent event SlHide and SlShow
- Carousel pagination not synced with active item when prefer-reduced-motion HOT 3
- Tab components breaking after mounting HOT 2
- sl-checkbox with no value attribute has value of 'undefined' when checked HOT 3
- Misalignment of some components HOT 1
- sl-dialog causes layout shift as of 2.13 HOT 2
- sl-checkbox has no applied styles for the help-text HOT 1
- Inputs don't respect `disabled` prop of containing fieldset HOT 3
- Placeholder text overflows in sl-input component HOT 1
- Dialogs in Safari can lose focus indication when "Open Dialog" button clicked rather than tabbed to and Enter HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shoelace.