Install in 30 seconds.

PAGE 05
  1. Install
    Add the npm package
  2. Import
    Side-effect import in your entry
  3. Use
    Drop tags into your HTML
npm install @marcomattes/epaper-components
 
pnpm add @marcomattes/epaper-components
 
yarn add @marcomattes/epaper-components

Import the styles

// Side-effect import registers all custom elements.
import '@marcomattes/epaper-components';
import '@marcomattes/epaper-components/styles/tokens.css';
import '@marcomattes/epaper-components/styles/base.css';
import '@marcomattes/epaper-components/styles/components.css';

Use it

<div class="ink-page">
  <e-title level="1">Hello, e-paper.</e-title>
  <e-button variant="primary">Get started</e-button>
</div>

Nothing else is required: no build plugin, no framework adapter and no polyfill for evergreen browsers. The elements register themselves on import and upgrade any matching tags already in the document.