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.
A listing of our components with demonstrations and example usage can be found here: https://folio-org.github.io/stripes-components
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