I’m trying to add an icon and text link into our header to using Theme Component I’ve managed to add an icon using: const { iconNode } = require("discourse-common/lib/icon-library"); api.decorateWidget('header-icons:before', helper => { return helper.h('li.header-dropdown-toggle', …

In your example, you need to insert your text here: helper.h('a.icon', { href:'/docs', title: 'Document' }, ["test", iconNode("book")]), You will need to adjust the CSS on the link. For example: padding-inline-end: 2em; justify-content: space-between; color: currentcolor; [chrome_Tk18DU…

Use decorateWidget to add text link to header

dev

Lilly December 22, 2023, 7:03pm 3

2 Likes

Topic		Replies	Views
Add button to top menu support	18	5859	July 17, 2020
How to modify the header HTML, but still remaining the default founctions support	3	3533	May 25, 2018
Adding a custom Link/Icon to the discourse header support	4	3545	January 21, 2019
Add button in header for logged in users dev	5	522	September 25, 2023
Dropdown header links in the existing Header feature	1	807	May 5, 2023

Use decorateWidget to add text link to header

Related Topics