pdeville-ledger / ui-web

Design and interface resources for React and React-Native projects within Ledger

ui

Design and interface resources for React and React Native projects.

Status: while perfectly useable the libraries are still in alpha state and are subject to breaking changes without notice 🔥.

About

@leggerhq/ui is a monorepo comprised of the following packages:

• @ledgerhq/react-ui: React components and styles.

• @ledgerhq/native-ui: React Native components and styles

• @ledgerhq/ui-shared: Shared assets and code shared between react and native modules.

• @ledgerhq/icons-ui: Shared SVG icons.

Installation

This repo is setup with yarn workspaces.

# Running yarn should install and hoist the dependencies for every package.
yarn
# Generate the icons.
yarn icons build

Usage

Several aliases to the yarn workspace command can be used for convenience.

# yarn workspace @ledgerhq/react-ui
yarn react
# yarn workspace @ledgerhq/native-ui
yarn native
# yarn workspace @ledgerhq/ui-shared
yarn shared
# yarn workspace @ledgerhq/icons-ui
yarn icons

You can use them as prefixes to set the scope and run a command for a given submodule.

# Prefix the command you want to run with an alias like this:
yarn react add -D package
yarn native storybook
yarn shared clean
yarn icons build

Examples

The examples folder contains some code samples and minimal projects that you can look into in order to understand how to use the UI libraries with popular development stacks.