[Feature] Card component

[shinokada]

Card

• [x] Default card
• [x] Card with button
• [x] Card with link
• [x] Card with image
• [x] Horizontal card (need update)
• [x] User profile card
• [x] Card with form inputs
• [x] E-commerce card
• [x] Call to action card
• [ ] Card with nav tabs
• [ ] Card full width tabs
• [x] Card with list
• [x] Pricing card
• [x] Testimonial card
• [ ] Crypto card

[jjagielka]

Horizontal card (need update)

What update is needed? I don't see the difference versus Flowbite.com

[shinokada]

In a small screen the horizontal card has different image size:

Flowbite:

Flowbite-svelte:

[shinokada]

Updates:

• https://github.com/themesberg/flowbite-svelte/pull/204
• https://github.com/themesberg/flowbite-svelte/pull/210

Thanks to @jjagielka .

[dorisip]

@shinokada Hi, is it possible to override the colors on a Card component? I don't see a way to pass that in right now. Thanks

[shinokada]

@dorisip Can you try class?

<Card class="your-color">
...

[jjagielka]

$$restProps passing to underlying Frame was missed. PR created.

Card is based on the Frame component. You can use color property in the same manner as with Alert.

[shinokada]

@jjagielka We need put this info in the doc. What do you think_

[jjagielka]

This is something extra beyond Flowbite.com. We profit from Frame inheritance.

I have added the Frame props at the Card docs. I think we need a proper docs page for the Frame component.

[shinokada]

We can add it under the UTILS section.

[dorisip]

Thanks. I'll wait for the PR to be merged.

[shinokada]

Merged.