Link to npm package: https://www.npmjs.com/package/stit-components

STIT-Components

A repository for commonly used front-end web components at STIT. All components are responsive (can be used on desktop or mobile without a loss of quality), and accessible (keyboard-only and voice-over users).

The accessible properties can also be configurable so that when you include the component in another project you can override the default accessiblity attributes. For example, if the default aria-label attribute is "Home Button" you can override it to something else.

Supported Components

Here is a list of the currently supported components. To see how to use them, look at the documention in the wiki: https://github.com/NYUeServ/stit-components/wiki. Components written using vanilla JavaScript are created using web components, so you can use them as regular HTML tags. Keep in mind, though, that there are ceratin configuration options that require JavaScript to work.

• Collection View (VanillaJS, React): A view that displays content in a vertical or horizontal scrolling list.
• Checkbox (React): A customizable checkbox component.
• Date Picker (VanillaJS, React): An accessible date picker that works across all browsers.
• Tagged Text Field (VanillaJS): A text field that lets you add tags when pressing "Enter."
• Count Badge (React): A Badge that displays a number in a notification style icon.

In Progress Components

• Badges (Number and Text).
• VanillaJS implementation of components, for projects that don't use a JS library.
• Update designs for checkbox and date picker.
• Add validations to each component to make sure required attributes are set.

Todo Components

• Dropdowns (all browsers)
• Dialog
• Card
• Table
• Pill

Known Issues

• Collection View does not display horizontally.

Author

• Year: 2019
• Tools: JavaScript, React, Any other front-end framework we use
• Contributers: NYU STIT except Jeph Liu.