🍪 COOKIES-DS DOCS

Getting Started

Overview

Experimental lib including a set of web components. It was retrieved from a small dead project, and will be reused for future small projects. It also has a demo, an npm package, and a Github repo.

Installation

Install with npm npm i cookies-ds. Import to your project with import "cookies-ds"; which will initialize all the web components.

Installation without a javascript bundler

Directly use the file cookies-ds.browser.min.js in your html web page. You can either build the library, or download it from the code section of the npm package, or use this cdn direct link https://unpkg.com/cookies-ds@1.0.1/dist/cookies-ds.browser.min.js.

Then use the script tag.

Usage

Use it in your web page:

Components

Padlock

Simple padlock with a clickable shackle that can be locked or unlocked.

Smart Padlock

Complex padlock with combinations, and digital screens.

Wheel

Number wheel for a combination padlock.

Lcd Screen

Simple Lcd digital screen.

Padlock Screen

Padlock Digital screen containing release date.

Background

A simple background. With cookies.

H1

Big title.

This is a title.
P

A paragraph.

This is a paragraph.
A

A link.

link to example.org
Info

An infomation icon.

Datetime Picker

Non bindable input that to pick date and time.

Snackbar dock

Include the snackbar dock only once in your page. Then send messages from JavaScript.