Difficulty importing Sanity components discussed, solution provided

Hey all,I am finding it hard to identify how to import various Sanity components. For example I would like to import the Alert into my custom component but all of the following do not work:

I have however been able to import the default button and dialog using these imports

I wasn’t able to find much documentation on this other than a few examples here:

https://www.sanity.io/docs/custom-input-widgets

Have you tried importing from sanityui? ie.

Actually cant see an alert component in there so ignore that, https://www.sanity.io/ui/docs

Hmm interesting though, would @sanity/ui be considered the best practice? Or is neither preferred?

what is it you're trying to ideally have?

Just display a warning, with warning style colours. Something along the lines of this:

Obviously this isn’t from the admin, but the docs but you get the jist

Also i think these are the only components they have potentially for the Studio, https://github.com/sanity-io/sanity/blob/e74126bdd6f95d98aae8032eb078edb082ce593b/[…]ges/%40sanity/types/parts/part.%40sanity/components/styles.d.ts

any ideas?

Hi! You can create this component yourself with

@sanity/ui

, as it looks like the Alert component is legacy code. Here something I put together in the UI arcade for you, hope it helps: https://www.sanity.io/ui/arcade?mode=jsx&jsx=eJx1U01v1DAQvfdXPPm8bQqtxCXZA5WKkFAPwA[…]cExB0eBysWzCSWfqaj7TV6egrqaB%2Fft7gK2r6Uqsz%2FS7vz7rP9QQ7Qc%3D

And I would definitely recommend using

@sanity/ui

when developing for the Studio 👍

Hi! You can create this component yourself with

@sanity/ui

, as it looks like the Alert component is legacy code. Here something I put together in the UI arcade for you, hope it helps: https://www.sanity.io/ui/arcade?mode=jsx&jsx=eJx1U01v1DAQvfdXPPm8bQqtxCXZA5WKkFAPwA[…]cExB0eBysWzCSWfqaj7TV6egrqaB%2Fft7gK2r6Uqsz%2FS7vz7rP9QQ7Qc%3D

👍 Thanks for the help 😊