Divider with arrow

How to use it

When using a divider, put an arrow/triangle in the centre of it.

When to use it

If you want to separate two sections but keep some connection between the two of them, you can add an arrow/triangle to the divider, pointing at the next section of content. This might help if you want to put a divider between a fixed area, and an area that expands to show content, but still want to connect them in some way.

What to watch out for

The dividing line here is unbroken, so it's still a strong visual divide between two areas of content. There's a good chance users will assume the two areas are separate, even with the arrow.

Examples

Example