@vseth/components

Source of the @vseth/components package. A Component library made for VSETH. Mostly wrappers around existing packages because we don't need to reinvent the wheel.

Usage no npm install needed!

<script type="module">
  import vsethComponents from 'https://cdn.skypack.dev/@vseth/components';
</script>

README

VSETH - Frontend

Source of the @vseth/components package. A Component library made for VSETH. Mostly wrappers around existing packages because we don't need to reinvent the wheel.

Contribute

If you want to contribute to the components library, you can create a new branch and then make a merge request. You are welcome to work on open issues.

Wrapped and re-exported packages:

  • reactstrap

    • exported members see reactstrap docs or index.ts
    • Reexported all the reactstrap components.

  • react-select

    • Select
    • wrapper for vseth styling

  • react-jsonschema-form

    • VSETHForm
    • Wrapped version for vseth styling
    • copied quite a lot of code due to their architecture and the needed changes, please update carefully

New Components

  • Rating
  • VSETH Navbar
    • VSETHNavbar
    • A Navbar component with built in fetching of VSETH-wide Navbar Config
    • needs react-rouder-dom
  • Icons
    • Icon
    • Icon component that takes an SVG Icon as prop
    • ICONS, collection of svg icons (see here)
  • Input Fields
    • InputField
    • alternative input fields with features specific to our theme
    • currently has many bugs
  • Webapp
    • WA...
    • See src/Webapp
    • Various Components for Webapps in the VSETH style (see here)

Planned

Feel free to implement them :)

  • Data tables
  • Graphs (could reuse from eule)
  • {Insert cool component here}