Neptune JS

Use Neptune with JavaScript

Getting Started

NPM

Copy the following Code to install the npm package.

npm i neptunecss-js

CDN

<script src="https://cdn.jsdelivr.net/npm/neptunecss-js@latest/neptune.min.js"></script>

Import

There are two ways to import Neptune JS. The first way is a namespaced import. Copy the following line into your file.

import * as NeptuneJS from "path/to/package/neptune.min.js"

Now you have to write NeptuneJS. before every class of Neptune JS like:

const myBadge = new NeptuneJS.Badge({
    text: "default badge",
    size: "m",
    style: "primary"
});

The second way to import Neptune JS is to import only the components you need.

import { Badge, Spinner, Toast } from "path/to/package/neptune.min.js"

Example Project

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Import neptune ui -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/neptunecss@latest/neptune.min.css">
        
        <title>Neptune example</title>
    </head>
    <body>
        <!-- Your Content -->
        
        <!-- Import Neptune JS -->
        <script src="https://cdn.jsdelivr.net/npm/neptunecss-js@latest/neptune.min.js"></script>
    </body>
</html>

PreviousToasts NextBadges

Last updated 2 years ago

hashtagGetting Started

hashtagNPM

hashtagCDN

hashtagImport

hashtagExample Project

Getting Started

NPM

CDN

Import

Example Project