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…

[이미지] Custom Header Links Theme component discourse2 Summary Custom Header Links allows you to easily add custom text-based links to the header. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link GitHub - discourse…

Right, I don’t know why I did not link those components, I knew their existence. :man_facepalming:

I was poking around those components - as i wanted a bit of both lol

Worked great - thanks. Now to spend the evening fighting with CSS to change the font color lol

decorateWidget를 사용해 헤더에 텍스트 링크 추가하기

글		댓글	조회수	활동
How to add a link icon to the header Development	3	638	2월 2, 2024
Adding a custom Link/Icon to the discourse header Product Support	3	3856	1월 21, 2019
Link on Top header to Go to Home page of main site Product Support	1	1369	2월 25, 2020
Icons + texts? Product Support custom-header-links , custom-header-icons	2	124	7월 4, 2026
Adding a link into the mobile header Product Support	5	1819	1월 21, 2019

How to add a link icon to the header

Development

3

638

2월 2, 2024

Adding a custom Link/Icon to the discourse header

Product Support

3

3856

1월 21, 2019

Link on Top header to Go to Home page of main site

Product Support

1

1369

2월 25, 2020

Icons + texts?

Product Support

custom-header-links , custom-header-icons

2

124

7월 4, 2026

Adding a link into the mobile header

Product Support

5

1819

1월 21, 2019

decorateWidget를 사용해 헤더에 텍스트 링크 추가하기

Related topics