Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@thomas-r/ui-kit

thomasjuster1MIT0.0.1TypeScript support: included

UI Kit

UI, Kit

readme

Commitizen friendly semantic-release

@thomas-r/ui-kit

UI Elements I use at various places.

ROADMAP

Boilerplate

  • <input checked="" disabled="" type="checkbox"> Theme + Provider
  • <input checked="" disabled="" type="checkbox"> Regression Testing
  • <input checked="" disabled="" type="checkbox"> Build the library with its types
  • <input checked="" disabled="" type="checkbox"> Add git hooks with husky, lint with lint-staged
  • <input checked="" disabled="" type="checkbox"> Add commitizen
  • <input checked="" disabled="" type="checkbox"> Use an auto releaser, like auto, semantic release, whatever
  • <input disabled="" type="checkbox"> Publish via build folder, statically (gitlab pages)

Components

  • <input checked="" disabled="" type="checkbox"> a-button
  • <input checked="" disabled="" type="checkbox"> flex-row + flex-column to manage basic/trivial spacing
  • <input checked="" disabled="" type="checkbox"> a-typo
  • <input checked="" disabled="" type="checkbox"> moon-spinner
  • <input checked="" disabled="" type="checkbox"> a-backdrop
  • <input checked="" disabled="" type="checkbox"> create-portal
  • <input checked="" disabled="" type="checkbox"> modal-dialog
  • <input checked="" disabled="" type="checkbox"> an-overlay
  • <input checked="" disabled="" type="checkbox"> a-box
  • <input checked="" disabled="" type="checkbox"> card-box
  • <input checked="" disabled="" type="checkbox"> a-divider
  • <input checked="" disabled="" type="checkbox"> drop-down
  • <input disabled="" type="checkbox"> table-container + table-row + table-cell + table-heading − Table / DataList
  • <input disabled="" type="checkbox"> page-template + slots header/footer/body
  • <input disabled="" type="checkbox"> page-header
  • <input disabled="" type="checkbox"> page-footer
  • a-pagination

  • modal-header (if needed)

  • <input disabled="" type="checkbox"> modal-footer (if needed)