components

Collection of reusable components

Installation

yarn add @supl.biz_tech/components

// in your Babel configuration somewhere...
plugins: [
  ['@supl.biz_tech/components/babel', { format: 'esm'/* esm (default) | cjs */ }],
  // other plugins, if any...
],

import { Container, Heading, Input } from '@supl.biz_tech/components';

Requirements

If you want all components to work in old crap like IE11, you need to provide polyfills for:

• ES6+ standard library
• Web APIs: Intersection Observer

You also need to compile down to ES5 the contents of node_modules/@supl.biz_tech/components/build, right now all code there is ES2019, in both ESM and CJS formats.

If you're using rollup-plugin-babel, just add exclude: /node_modules\/([email protected]_tech\/components)/ to its config.

Peer Dependencies

We aim to have as few of these as possible:

• @popperjs/core: ^2.0.0
• react: ^16.8.0
• react-dom: ^16.8.0

Components Roadmap

• Preloader [DONE]
• Image [DONE]
• Container [DONE]
• Page [DONE]
• Heading [DONE]
• Text [DONE]
• Block [DONE]
• Modal [DONE]
• Button [DONE]
• Input [DONE]
• Textarea [DONE]
• Checkbox [DONE]
• Collapse [DONE]
• Radio [DONE]
• Link [DONE]
• Select [DONE]
• Icon [DONE]
• Notification [DONE]
• Tooltip [DONE]