Skip to content

canonical/store-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

42387f8 · Feb 7, 2025
Nov 18, 2024
Jan 22, 2025
Jun 12, 2024
Jan 23, 2023
Feb 7, 2025
Jan 23, 2023
Oct 12, 2023
Oct 14, 2024
Oct 12, 2023
Oct 14, 2024
Jan 23, 2023
Mar 7, 2023
Feb 8, 2024
Oct 12, 2023
Nov 22, 2024
Jan 23, 2023
May 23, 2024
Feb 7, 2025
Jan 23, 2023
Jan 23, 2023
Oct 12, 2023
Jan 22, 2025

Repository files navigation

Store components for store UIs

This is a collection of components designed to be used in store UIs when using React. This is currently a work in progress and therefore not recommended to use in projects at this time.

These components are an extension of the Vanilla React Components library.

How to use the components

See the component docs for usage instructions.

CI

Requirements

Canonical store components currently require that your build is configured with sass-loader (or equivalent), to compile sass.

Install

To use the NPM package do:

yarn add @canonical/store-components

Or if you use NPM:

npm install @canonical/store-components

Issues

Please file any issues at GitHub.

Contributing

You might want to:

Developing locally using this repository

You may wish to link this library directly to your projects while developing locally.

You can do this by cloning this repo to your local workspace;

git clone https://github.com/canonical/store-components

If you then drop into that folder and run;

yarn run link-packages

...this will add this project, react and react-dom to a local yarn registry.

Switching back to the project you are developing, run;

yarn install
yarn link react
yarn link react-dom
yarn link @canonical/store-components

...to pull the linked deps from the local registry. If you now run yarn build-watch in your store-components folder, your project should pick up any changes on refresh or hot module reload.

Note: When you're finished working locally - don't forget to go back and unlink;

cd store-components
yarn run unlink-packages