Is Card component working?

Hilla
1

I just copied example from official docs:

import { Card } from '@vaadin/react-components/Card.js';
...

<Card theme="outlined elevated">
	<div slot="title">Lapland</div>
	<div slot="subtitle">The Exotic North</div>
	<div>Lapland is the northern-most region of Finland and an active outdoor destination.</div>
</Card>

And it looks as shown in screenshot.
image

It is absolutely not like this
image

package.json
"@vaadin/react-components": "24.7.1"

2

Card is still a preview feature. Did you remember to enable the feature flag?

3

Sure, this property was used:
com.vaadin.experimental.cardComponent=true

4

I think you might also need to disable the precompile frontend bundle.

(This is something we should mention in the Feature Flag instructions…)

5

vaadin.frontend.hotdeploy=true didn’t help
Ok, I better to wait until this component will be ready.

6

I just gave it a try using Vaadin 24.7.1, and I think it’s working as described in the docs:

grafik
grafik2824×536 72.4 KB

I just enabled the feature flag com.vaadin.experimental.cardComponent=true and I did not disable the precompile frontend bundle as suggested by Rolf.

7

Just to be sure: you set the property in the vaadin-featureflags.properties file, right? Not in application.properties or somewhere else?

8

Exactly! Didn’t notice that there should be another from application.properties file.