Reference implementation of components for DLSS
A note about color. The primary color will always be "digital blue". A site may choose a secondary color like "cardinal" or "digital green".
See https://identity.stanford.edu/design-elements/color/web/
npm installAll dependencies are for local development only.
Run a simple HTTP server:
npm startNote that this is required to resolve some paths in development, e.g. url() references to files in CSS will not resolve unless the server is running to serve them.
Lint the styles with stylelint:
npm run lintThis also runs in CI.
Currently these are hosted via jsDelivr which creates hosted versions of every release. The best way to update the component library is to cut a release here and then link to the primary style in the <head> of the HTML. https://cdn.jsdelivr.net/gh/sul-dlss/component-library@[version]/styles/sul.css:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2024-09-04/styles/sul.css"
/>