QS-UI

Quantstamp Component Library and Style Guide

How to import into a React project:

From your React.js project folder

npm i qs-ui-library --save
# or 
yarn add qs-ui-library

Then to source the component in your page or top level component

// File: pages/mypage.js
import { MyComponent } from 'qs-ui-library'
 
|
|
 
<MyComponent someprop="someVal">

Shortcut Refrence

Docs Site

• Accordian
• Banner
• Button
• CalloutCard
• CarouselGallery
• CarouselGalleryCard
• CheckboxGroup
• CodeInputArea
• Colors
• CTAGrid
• CTAGridContent
• DatePick
• FilterTable
• GlobalDefault
• GlobalFonts
• GlobalReset
• GlobalTypography
• Glyph
• Icon
• Input
• LayoutGrid
• LayoutWrapper
• LinkCTA
• LinkText
• Logo
• Modal
• SimpleTable
• SlideBar
• Seal
• SealBanner
• Tabs
• Textarea
• Toggle

How to start locally for development: (pre-reqs: node/npm, nvm, git)

git clone git://github.com/quantstamp/qs-ui-library.git
cd qs-ui-library
nvm use
npm i
npm start

then open http://localhost:6060 in your browser.