Getting started with FastStore UI
If your store project is built with FastStore, you don't need to follow the steps in this guide to install the FastStore UI. FastStore projects include by default FastStore UI components.
FastStore UI is an ecommerce-focused library of brandless components you can easily use on your store projects.
It provides features & basic style that makes it faster to implement and customize on top of it.
Installation
Install
@faststore/ui as a dependency of your project via the command line:yarn
_10yarn add @faststore/ui
npm
_10npm install @faststore/ui
Applying Styles to FastStore UI components
There are two main scenarios where you may want to apply styles to FastStore UI components:
- Overriding a component: Customize the appearance of an existing component.
- Creating a new section: Style a new UI section.
In both scenarios, you'll create a stylesheet for your component and import the necessary styles. For more details on creating a stylesheet and importing styles, refer to the Importing FastStore UI component styles.
Once you have the stylesheet, import one of the following styles to it:
All components included
_10@import "@faststore/ui/src/styles/components.scss";
Base styles
_10@import "@faststore/ui/src/styles/base.scss";
You should also import the desired components' style individually by checking the component references to import its style.