[Toolkit][Shadcn] Add Item component

[bernard-ng]

Q	A
Bug fix?	no
New feature?	yes
Deprecations?	no
Documentation?	no
License	MIT

Add support for Item component, A versatile component that you can use to display any content.
ref : https://ui.shadcn.com/docs/components/item

[Kocal]

Hey, thanks for the contribution :)

Could you rebase on latest 2.x which contains #3154, and add necessary {# @prop #} and {# @block #} tags please?
That would be appreciated.

Thanks!

[Kocal]

I did some minor fixes, the components were not able to be rendered correctly due to html_cva() wrong usage, the syntax between the deprecated cva() from UX and html_cva() from Twig Extra is different:

But it looks good, thanks @bernard-ng :)

[Kocal]

Thank you @bernard-ng.

[bernard-ng]

I did some minor fixes, the components were not able to be rendered correctly due to html_cva() wrong usage, the syntax between the deprecated cva() from UX and html_cva() from Twig Extra is different:

But it looks good, thanks @bernard-ng :)

How do I get this preview ?

[Kocal]

Oops, sorry, it looks like some contribution steps are missing. 😅

For the moment, kits examples are rendered on the Symfony UX website. Located in ux.symfony.com folder from this repo, you can find installation & usage steps here.

The website should be accessible at http://127.0.0.1:9044, then you will find the page "Toolkit", click on the "Shadcn" UI Kit, and here you will see all the existing components and their examples.

I agree that's not the best DX, but that's the best we could have for the moment.

Let me know if you need more help.
Thanks!