Visual indicator between empty and filled toggles

Is your feature request related to a problem? Please describe.

If you have multiple toggles, you can’t know which ones of them contain something.

Describe the solution you’d like

Similar to what Notion did:

empty toggle

I could look different, but there needs to be a difference.

Describe alternatives you’ve considered

I don’t think there is an alternative.

Is your feature request related to a problem? Please describe.

Current toggle design > is not as useful as it is. It does not provide a hint whether the particular toggle has any content within it when the toggle is closed.

Describe the solution you’d like

Similar to notion where if there is content within the toggle then it should bold and filled in and if there is no content within the toggle it should be shown in a lighter grey color to hint visually that there is no content within the toggle.

Describe alternatives you’ve considered

Another way could be, instead of having this (>) we could have it like triangle hollowed and closed like this, ∆ (this symbol in with pointed area pointing to right) and filled in triangle like notion to indicate that there are content in the toggle.

Similar to this https://community.anytype.io/t/-/1054

The problem
Currently there is no way to identify if a Toogle is full or empty without opening it and in my opinion this is problematic.

The solution
Distinguish the Toggle states with empty and filled arrows. Here is an example of what’s need to be done in my opinion.

Alternatives
Indicate by myself if the Toggle is filled or not, but this is not a satisfactory solution.

Love the solution :ok_hand: Subtle yet useful

Thank you @lynxlove

Fun fact: I had made the exact same suggestion to Notion’s team during their early development and they have integrated it. :smile:

+1 Good solution too.

To me, even better would be if instead of having toggles as an explicit type of block, the behaviour would simply be there for any nested blocks. So there would never really be an “empty toggle”…

That’s how RemNote does it. It’s very intuitive, simple and powerful.

I am torn by this approach. In theory it’s very practical but in reality I’ve always found this kind of visual hierarchy far too invasive and disturbing.

A note-taking tool should try to be as unobtrusive as possible to invite writing and allow you to quickly spot the distinctive elements.

I’m afraid that programs like RemNote or Dashword are visually too confusing.

If an outlining navigation as to take place someday, I think that the visual approach of Workflowy would make more sense.

What do you mean by “visual hierarchy”?

By nesting I mean just having children indented.
Like it is in RemNote, Workflowy and Anytype.

Example in RemNote:


What specifically do you find visually confusing in RemNote? It can indeed get quite busy depending on what type of content you have (especially with the spaced repetition features). But it’s all optional. Even bullet points can be removed/hidden (or styled via CSS).

I mean the Outliner ones. One of a kind in the note-taking world, just not well designed enough yet for me.

This vertical lines which shows the indentation levels. Is this also customizable?

Can be hidden or adjusted via css, as everything else (there also might be an option in settings to hide it).

I agree those lines can get busy though. Not everyone might need them.

Clicking them collapses that level, which can be very useful when the parent isn’t visible on screen.

This level of customization is impressive.

I am very interested by this, it would be very useful!

Would you like to propose a feature request for this? If so, it would be useful to screen record the current feature from RemNote, can you do that?

I would add that in my opinion this feature would be desirable at Anytype if the vertical lines were only visible on mouseover.