How can I set a border around the top window / component?

[adamtajti]

I'm rather new to nui-components and nui, so excuse me if this is something that is basic and should be working. I have a dark theme and there is no difference between the background color of the popup and the editor. I would like to keep the dark background, as that is easy on my eyes, but I would still like a border to separate the popup windows visually.

I tried to set a border_style and/or border_label props (first argument) on a topmost n.column component ({ flex = 1, border_style = "rounded" },, I also tried to import Column straight from nui-components.columns and tried to set the second argument, the popup_options like this:

{
	border = {
		style = "rounded",
	},
}

and directly set the childrens in the first prop.

I failed to set a visible border around the uppermost window. I also tried to set the same highlight style for the popup window that nui used.

It seems like none of the popups have a border either in the showcase page either. I tried to search for more projects which uses nui-components, but they don't seem to have a border around the window either.

I tried to do a bare minimal repro.lua approach from lazy.nvim as well, as I was suspecting that maybe this is related to my custom theme, but it doesn't seem to be the case.

If someone has a working snippet to do this, please share it. I'll continue without a border for now.

Thanks for this plugin! It's pretty fun to build UIs with it so far.