How to get slanting lines in mini.statusline and mini.tabline like in the below picture.

[231tr0n]

Hi, Can someone please help me figure out how can I get a statusline like this with slanting lines before and after each module in mini.statusline.
Also, can the same be done for mini.tabline as well.

[echasnovski]

This is done by manually placing triangular looking shapes in proper places and highlight them accordingly. The shapes usually are , , or 🭋, 🭀, 🭛, 🭦. See list of box drawing characters for more. However, this would require manual construction of statusline from parts (without the help from combine_groups). So something like this:

local content_active = function()
  local mode, mode_hl = MiniStatusline.section_mode({ trunc_width = 120 })
  local parts = { '%#', mode_hl, '# ', mode, '🭦', '%#StatusLine#' }
  return table.concat(parts, '')
end
require('mini.statusline').setup({ content = { active = content_active } })

The rest of parts are up to you to decide how you want them to look. Here is an example of default content you can use for reference. Note that this might require defining custom highlight groups for those edges slanted specifically.

---

The same idea (manually pad with triangular-like shapes) goes for 'mini.tabline' utilizing config.format.

---

However, the real answer here is that both 'mini.statusline' and 'mini.tabline' are intentionally designed to have vertical separators. Those to me look the cleanest and most space efficient. If you have to customize them to the point when it requires a lot of tweaking and code, then they probably are not for you and looking at other statusline/tabline plugins is a wiser choice.

[231tr0n]

This is done by manually placing triangular looking shapes in proper places and highlight them accordingly. The shapes usually are , , or 🭋, 🭀, 🭛, 🭦. See list of box drawing characters for more. However, this would require manual construction of statusline from parts (without the help from combine_groups). So something like this:

local content_active = function()
  local mode, mode_hl = MiniStatusline.section_mode({ trunc_width = 120 })
  local parts = { '%#', mode_hl, '# ', mode, '🭦', '%#StatusLine#' }
  return table.concat(parts, '')
end
require('mini.statusline').setup({ content = { active = content_active } })

The rest of parts are up to you to decide how you want them to look. Here is an example of default content you can use for reference. Note that this might require defining custom highlight groups for those edges slanted specifically.

---

The same idea (manually pad with triangular-like shapes) goes for 'mini.tabline' utilizing config.format.

---

However, the real answer here is that both 'mini.statusline' and 'mini.tabline' are intentionally designed to have vertical separators. Those to me look the cleanest and most space efficient. If you have to customize them to the point when it requires a lot of tweaking and code, then they probably are not for you and looking at other statusline/tabline plugins is a wiser choice.

Thank you soo much for helping me out with this. Your plugins are the best. 🤘🤟
Also for the last part of the answer I believe if it is possible, then they are built for it since I realised all I needed were the box characters.