How to style a <Box> </Box> JSX Element

[falcoda]

Hello, I am trying to add a border to a jsx box, But the props does not allow any styles or classname.
Is there another way?

Thanks you

[Montoya]

To ensure that Snaps interfaces are consistent with the rest of MetaMask, we do not offer very much customization. You cannot apply arbitrary CSS on components. We will offer some customization in the future, but for now a Box cannot have any props. You can review all of the syntax and props for all components here: https://docs.metamask.io/snaps/features/custom-ui/with-jsx/

[falcoda]

Thanks for you quick response.
In fact the only style that I want is already present in metamask.

It's this little border present on the transaction confirmation :

There are no way to access to it?

Thanks

[Montoya]

No, I apologize, that border is part of an older design that we will eventually change to match the new design system, which looks like this:

Soon we will introduce a component that gives this rounded border appearance, but for now there is no way to do it.

[falcoda]

Ok, thanks you for the information !