Prism relies on the react, prop-types, and styled-components peer-dependency packages to already be installed and set up in your project.
Install prism from the npm registry by running the following command in your terminal:
npm install @ticketmaster/prism
Then import each component you want to use in your app:
import React from "react";
import ReactDOM from "react-dom";
import { Button } from "@ticketmaster/prism";
ReactDOM.render(
<Button variant="standard">Hello, world!</Button>,
document.getElementById("root")
);
In order to run the catalog locally, complete the following steps:
- Execute
yarn install
at this directory's root - Execute
yarn catalog-start
at this directory's root - Navigate to
http://localhost:4000/
or your host alias's port 4000.
A documentation of each component and living styleguide is available at https://code.ticketmaster.com/prism/
MIT