Installations

npm install @substrate-system/arrow-next

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.11.1

NPM Version

10.2.4 Score

70.8

Supply Chain

98.8

Quality

77.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

9

Closed

2

Merged

7

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

1

View all 1 contributors

Languages

4

TypeScript

CSS

JavaScript

HTML

TypeScript (61.05%)

CSS (14.89%)

JavaScript (14.67%)

HTML (9.38%)

Developer

substrate-system

Download Statistics

Total Downloads

157

Last Day

1

Last Week

6

Last Month

15

Last Year

157

GitHub Statistics

26 Commits

1 Watching

1 Branches

1 Contributors

Maintainers

1

Package Meta Information

Latest Version

0.0.2

Package Id

@substrate-system/arrow-next@0.0.2

Unpacked Size

46.12 kB

Size

13.76 kB

File Count

14

NPM Version

10.2.4

Node Version

20.11.1

Publised On

15 Aug 2024

Total Downloads

Cumulative downloads

Total Downloads

157

Last day

0%

1

Compared to previous day

Last week

0%

6

Compared to previous week

Last month

0%

15

Compared to previous month

Last year

0%

157

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

22

Versions

arrow next

A next button icon.

See a live demo

install
API
- ESM
- Common JS
CSS
- Import CSS
use
- JS
- HTML
- pre-built

install

1npm i -S @substrate-system/arrow-next

API

[!IMPORTANT]
This depends on a CSS class visually-hidden. See Accessible Icon Buttons. Install @substrate-system/css-util for help.

This exposes ESM and common JS via package.json exports field.

ESM

1import '@substrate-system/arrow-next'

Common JS

1require('@substrate-system/arrow-next')

CSS

This depends on a CSS definition for .visually-hidden. Install @substrate-system/css-util:

1npm i -S @substrate-system/css-util

Import CSS

1import '@substrate-system/css-util/visually-hidden'
2import '@substrate-system/arrow-next/css'

Or minified:

1import '@substrate-system/css-util/min/visually-hidden'
2import '@substrate-system/arrow-next/css/min'

use

This calls the global function customElements.define. Just import, then use the tag in your HTML.

JS

1import '@substrate-system/arrow-next'

HTML

1<div>
2    <arrow-next></arrow-next>
3</div>

pre-built

This package exposes minified JS and CSS files too. Copy them to a location that is accessible to your web server, then link to them in HTML.

copy

1cp ./node_modules/@substrate-system/arrow-next/dist/index.min.js ./public/arrow-next.min.js
2cp ./node_modules/@substrate-system/arrow-next/dist/style.min.css ./public/arrow-next.css

HTML

1<head>
2    <link rel="stylesheet" href="./arrow-next.css">
3</head>
4<body>
5    <!-- ... -->
6    <script type="module" src="./arrow-next.min.js"></script>
7</body>

No vulnerabilities found.

No security vulnerabilities found.