Getting Started

Shards React is really easy to get started with. Make sure to follow the guide below to get a better understanding about some of the decisions behind Shards React and how to use it to kick-off your next project.

Note: This page is currently a work in progress.

Installation

You can install Shards React via Yarn or NPM.

# Yarn
yarn add shards-react

# NPM
npm i shards-react

Module Bundlers

Once the package is installed, you can simply import components and all the required styles assuming that you're using a module bundler such as Webpack or Rollup.

import { Alert } from "shards-react";

import "bootstrap/dist/css/bootstrap.min.css";
import "shards-ui/dist/css/shards.min.css"

// ...