Copyright (C) 2016-2019 The Open Library Foundation
This software is distributed under the terms of the Apache License, Version 2.0. See the file "LICENSE" for more information.
These are general descriptive categories that indicate the type of use cases that components serve. A component can have multiple categories associated with it.
|structure||These are components that aid in the general structure/layout of your app's UI. They include generic containers and components that render structurally important HTML tags (
|control||Components with the control category are form elements and other interactive widgets including
|data-display||Data display components are used for display of dynamic content. These include
|design||These components render
|user-feedback||These components are geared for making the user aware of happenings in the system. They include
|accessibility||Components with this category play an important role in developing accessible modules.|
|utility||These components aid in interaction with the FOLIO system.|
|prefab||These components are re-useable pre-constructed components that make re-use of other shared components. Useful constructions such as
|obsolete||Component has been replaced by better solution and is intended for removal in future releases.|
Links to documentation of specific components and utilities
The following components are available in the lib directory.
- Accessibility overview - general overview of some utilities that stripes-components provides.
- Accessibility for developers - dev-specific primer for accessibility. More direct code/component reference - a great intro for those who are unfamiliar to accessibility.
Useful recipes for UI patterns appearing in FOLIO modules.
- Show/Hide Columns in MCL -- Give users the ability to select only the data they need to see.
- Accessible Routing -- Detail the approaches to implementing accessible focus management.
Component tests can be run by navigating to your
folder and running
This will spin up Karma via
stripes-cli and run all
tests locally in the Chrome browser.
See our testing documentation for more information on writing tests.
To be documented
Some related documents:
Other FOLIO Developer documentation is at dev.folio.org