Leap UI

Leap Wallet's design system for React. Only Chromium based browsers are supported.

• Docs
• Changelog
• To view a previous version's docs, download the relevant release's docs.zip asset, unzip it, and open index.html in your browser.

Installation

1. Since this package is privately published, you'll need to authenticate to the registry first.
2. Create a personal access token with the repo and read:packages scopes.
3. Log in to the registry using the token you just generated as the password: yarn login --registry https://npm.pkg.github.com --scope @leapwallet.
4. Now, you can install the package as you normally would have: yarn add @leapwallet/leap-ui

Usage

Wrap your app in the LeapUi theme provider, and use the components:

import { LeapUiTheme, Buttons } from '@leapwallet/leap-ui';

export default function App(): ReactElement {
  return (
    <LeapUiTheme themeName={ThemeName.DARK}>
      <Buttons.Generic>The world is at a point where we have more crypto whales than actual whales.</Buttons.Generic>
    </LeapUiTheme>
  );
}

Contributing