-
Why should I use
stripes-components
?Stripes-components sets foundation for a cohesive UI experience among all UI modules within the FOLIO ecosystem. It gives high importance to accessibility, adoption tenant-set themes, testability, and reuse across the board. Its goal is to facilitate module development with UI components that virtually snap together and provide the above functionalities as bonus.
-
How do I find out what’s available in
stripes-components
?There's a listing in the main readme here: README.md To see components in action, our storybook can be run locally via the command
yarn storybook
from within your stripes-components folder.
-
There’s a component that almost meets my needs, but not quite. What should I do?
- Reach out to the core FOLIO team on Slack, or via a JIRA in the STCOM project at issues.folio.org We can make suggestions for alternative stripes-components or props that may need to be applied to achieve the necessary results.
- If your use-case cannot be solved with the current state of a component, the path forward is to create a PR for the change on the stripes-components repo. The change should meet the following criteria:
- Be mindful of accessibility in the rendered markup. Check out our Accessibility guide
- Have additional tests written and passing. See our Testing guide
- Be documented for other developers:
- in the CHANGELOG.md
- in the component's README.md if it affects the component's API or is noteworthy to future users of the components.
- Be in-line with stripes-components style guidelines
-
There’s not a component that meets the use case I have. What should I do?
Ask the questions a) Could the use case be solved with a composition of components? b) Could other FOLIO module developers benefit from the solution? If only a is true, then the component could live/be exported within your own module, while using stripes components internally. If both a and b are true, your idea might have a home here. If only b is true, we may have a new component on our hands! Just follow similar steps as #3 - 1. Reach out 2. Propose new component in PR, meet the criteria.