JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 15
  • Score
    100M100P100Q43705F
  • License MIT

The integrated package of the TiniJS framework.

Package Exports

  • tinijs
  • tinijs/src/public-api.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tinijs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

TiniJS

The integrated package of the TiniJS framework.

Install

npm i tinijs

For more, please visit: https://tinijs.dev (TODO)

Usage

  • partAttrMap
import {partAttrMap} from 'tinijs';

html`<div part=${partAttrMap({ a: true, b: false })}></div>`;
  • registerComponents()
import {registerComponents} from 'tinijs';
import {TiniButtonComponent} from '@tinijs/ui-bootstrap/components/button';

// register Tini UI components
registerComponents([TiniButtonComponent]);
  • setTheme()
import {setTheme} from 'tinijs';

setTheme({ skinId: 'dark' });
setTheme({ soulId: 'bootstrap' });
setTheme({ soulId: 'bootstrap', skinId: 'dark' });
  • Varies generators
import {generateColorVaries, generateScaleVaries} from 'tinijs';

css`

  ${generateColorVaries(({fullName, color}) => `
    .${fullName} {
      background: ${color};
    }
  `)}

  ${generateScaleVaries(({fullName, scale}) => `
    .${fullName} {
      padding: ${scale};
    }
  `)}

`;

For more detail, please visit the docs: https://tinijs.dev/docs (TODO)

Developement

  • Create a home for TiniJS: mkdir TiniJS && cd TiniJS
  • Fork the repo
  • Install dependencies: cd tinijs && npm i
  • Make changes & preview locally: npm run build && npm pack
  • Push changes & create a PR 👌

License

tinijs is released under the MIT license.