⬇️ Dropdown Header

angus
Wed, 04 May 2022 23:49:48 +0000
Theme component

Overview

This theme component allows you to add links with text, icons, and dropdowns to the native header of your Discourse site.

Bug reports, feature requests, and PRs are most welcome; sponsorship enables work on this component to be prioritised by the Pavilion team.

Code

View the GitHub Repo

Settings

There are a variety of settings you can configure to customize the component, including link customizations, icon sourcing, adding link security, positioning, etc.

A list of all the settings and detailed explanations about them can be found here.

When to Use

This component is useful if you want icons, links, and dropdown links inline with Discourse’s existing header. It is a great way to have lots of accessible links without unnecessary clutter or the sidebar getting out of control.

If you need lots of dropdown links, check out Header submenus, which creates a header menu row above Discourse’s original header.

Although this component also supports adding links alone without the dropdowns, if you only need links without the dropdowns, feel free to use Custom Header Links.

Preview

Desktop:

Mobile:
Due to lack of space on mobile, links can be triggered by tapping on the arrow down button.

Install Theme Component

70 messaggi - 36 partecipanti