@coffeekraken/notification-webcomponent

Display nice and fully customizable toast like notification.

Usage no npm install needed!

<script type="module">
  import coffeekrakenNotificationWebcomponent from 'https://cdn.skypack.dev/@coffeekraken/notification-webcomponent';
</script>

README

Coffeekraken notification webcomponent

npm npm npm

Display nice and fully customizable toast like notification.

Table of content

  1. Install
  2. Get Started
  3. Javascript API
  4. SASS API
  5. Coffeekraken

Install

npm install @coffeekraken/notification-webcomponent --save

Get Started

First, import the component into your javascript file like so:

import NotificationWebcomponent from '@coffeekraken/notification-webcomponent'

Then simply use it inside your html like so:

<ck-notification title="Hello World" body="Pellentesque fringilla velit at tempor eleifend. Vestibulum finibus lacus et."></ck-notification>

If you need some base styles for your notifications, you can generate them like so:

@use 'node_modules/@coffeekraken/sugar/index' as sugar;
@use 'node_modules/@coffeekraken/notification-webcomponent' as notification-webcomponent;

@include notification-webcomponent.classes();

Coffeekraken

We are a young collective of front-end creative developers with one goal in mind. Build tools to make every team working day life better. This is our first and only concern. All our tools are build around that purpose. All what we provide are some cool tools that you can use the way you want. These tools features cover a large scope of the front-end workflow (styleguide generation, colors/fonts management, etc...). You can use only the parts that you need and let the rest aside...

Coffeekraken