stems

An audio-forward React Component library built with ❤️ from the team @Audius.

🚧 Actively under development, not recommended for production use! 🚧

Installation

Install @audius/stems required peer dependencies:

npm install --save bn.js [email protected] [email protected] [email protected] prop-types react react-dom [email protected]

Then install @audius/stems

npm install --save @audius/stems

Usage

import React from 'react'
import { Button } from '@audius/stems'

import '@audius/stems/dist/stems.css'

const App = () => {
  return (
    <Button text='Hello World!' />
  )
}

Optional: You may also wish to include the Avenir font, which is provided as a css file

import '@audius/stems/dist/avenir.css'

Development

Run storybook:

npm run storybook

Run the example app (docs site):

cd example
npm start

Run local Stems against another repo:

git clone [email protected]:AudiusProject/stems.git
# Create a system link
npm link

# You may need this line so React versons don't conflict
# https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react
# npm link <other repo>/node_modules/react

npm start

<other repo> npm link @audius/stems