papierjs - papercss with web components

papierjs (papier is paper in french) provides web component built with stencil with papercss style.

papierjs will implements new components not in papercss like dropdown.

Available components:

• Button
• Alert
• Progress bar
• Text input
• Badge
• Slider
• Card
• Breadcrumb
• Modals
• Switch / Switch Tile
• NavBar
• Tabs
• Popover as tooltip
• Icon (with pixelarticons)

Component features :

• dropdown since
• p-leaf allow to use papercss style anywhere
• notification
• spinner
• password
• accordion

Using papercss

papierjs uses papercss style only in shadow root. So you don't need to import papercss.

Papercss style isn't applied on your website.

Install

npm install @amiceli/papierjs -S

Init components :

import { defineCustomElements } from '@amiceli/papierjs/loader'

defineCustomElements()

To run project

To build project :

npm install
npm run build
npm run build-storybook

To run storybook :

npm run storybook