npmpackage.info

Gathering detailed insights and metrics for remark-slug-anchor

remark-slug-anchor - 1.0.0 | npmpackage.info

remark-slug-anchor

Package to work with remark-slug to generate clickable anchor icons

1.0.0

NOASSERTION

TypeScript

5.56 kB

Installations

npm install remark-slug-anchor

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

12.22.6

NPM Version

6.14.15 Pull Requests

Open

1

Total

3

Closed

0

Merged

2

Issues

Open

0

Total

2

Closed

2

Releases

1.0.0

v1.0.0

Updated on Oct 14, 2021

0.0.1

v0.0.1

Updated on Aug 28, 2021

0.0.0

v0.0.0

Updated on Aug 28, 2021

View All 3 releases

Languages

TypeScript

SCSS

TypeScript (76.88%)

SCSS (23.12%)

Developer

ghostdevv

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

NOASSERTION License

30 Commits

1 Watchers

3 Branches

1 Contributors

Updated on Sep 30, 2022

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.0

Package Id

remark-slug-anchor@1.0.0

Unpacked Size

5.56 kB

Size

2.66 kB

File Count

NPM Version

6.14.15

Node Version

12.22.6

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Remark Slug Anchor

Automatically append anchor tags to your header elements.

Your code:

1# Hello World

Your page:

Install

This package is ESM only: Node 12+ is needed to use it and it must be imported instead of required.

1npm install remark-slug-anchor remark-slug

You can now use this along with remark-slug (must use), you can find an example here of how to use remark-slug - include this package in the same way

You also need to import that css file, if you are using a preprocessor/bundler you can import from the package remark-slug-anchor/dist/anchor.css, if not use the cdn:

1<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remark-slug-anchor@0/dist/anchor.css" />

Options / Styling

We had to switch from embedding a svg to inline and due to that limitation styling isn't really possible on the svg itself

To pass in options do this:

1import remarkSlugAnchor from 'remark-slug-anchor';
2import remarkSlug from 'remark-slug';
3
4const plugins = [
5    remarkSlug,
6    [remarkSlugAnchor, { /* options */ }]
7]

Options:

color:
You can set the color of the anchor (if using built in anchor) with this option

NOTE: You must use an absolute colour, you are unable to use something like var(--color), anything like rgb, rgba, hex, built ins, etc are supported
icon:
You can pass in your own svg icon, with this option

Must be a string as it's encoded to be used as an anchor

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

License

Determines if the project has defined a license.

6

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

3

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

remark-slug-anchor

Installations

Developer Guide

Yes

ESM

12.22.6

6.14.15

Pull Requests

1

3

0

2

Issues

0

2

2

Releases

Languages

Developer

ghostdevv

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

Remark Slug Anchor

Install

Options / Styling

10

10

9

6

0

0

0

0

0

0

0

0

0

3

/10