header_links position and content

[veganstraightedge]

Hi @gettalong 👋🏻 Long time listener, first time caller. Love the gem.

Exploring header_links today, I have two questions:

1. Is there a way to specify what the content of the header_link's <a> will be?

   # something like this:
   header_links: { content: '@' }, …

2. Is there a way to specify putting the header_link's <a> after the heading tag's content?

   # something like this:
   header_links: { position: :end }, …

---

Currently

header_links: true, …

# Introduction

<h1 id='introduction'>
  <a href='#introduction'>
  Introduction
</h1>

Requested

header_links: { content: '@', position: :end }, …

# Introduction

<h1 id='introduction'>
  Introduction
  <a href='#introduction'>
</h1>

Defaults

• content — default to '', as it is now
• position — default to :start, as it is now

Attribute names

I'm indifferent to before/after, start/end, etc. And position, order, etc.

I used position and content just for demonstration.

[CookiePLMonster]

On my website, I achieved position: end through CSS, but I am not a fan of making every header a flex element, to be honest:

h1,
h2,
h3,
h4,
h5,
h6,
.element-anchor {
    &[id]:not(.no_anchor):has(a:first-child) {
        display: flex;
        align-items: center;
        a:first-child {
            @extend .fa-solid;
            @extend %uncolored-text;
            width: 2em;
            font-size: 0.8rem;
            text-align: center;
            order: 100;
            visibility: hidden;
            &:after {
                content: fa.fa-content(fa.$fa-var-link);
            }
        }

        &:hover a:first-child {
            visibility: visible;
        }
    }
}

A "native" feature like this would be very much welcome.