Interlay UI

Interlay IU is library of accessible, reusable, and composable React components built around a crypto business model

Table of contents

• 🚀 Features
• 📦 Installation
• 💻 Usage
• 📝 Contributing
• ⚖️ License

Features

• Ease of Styling: style your component simply by passing props
• Flexible & composable: Interlay UI components are built on top of a React UI Primitive for endless composability.
• Accessible. Interlay UI components follow the WAI-ARIA guidelines specifications and have the right aria-* attributes by using react-aria as foundation.

Installation

To use Interlay UI components, all you need to do is install the @interlay/ui package and its peer dependencies:

# with Yarn
$ yarn add @interlay/ui styled-components
# with npm
$ npm i @interlay/ui styled-components
# with pnpm
$ pnpm add @interlay/ui styled-components
# with Bun
$ bun add @interlay/ui styled-components

Usage

To start using the components, please follow these steps:

1. Wrap your application with the InterlayUIProvider provided by @interlay/ui.

import{InterlayUIProvider}from'@interlay/ui';// Do this at the root of your applicationfunctionApp({ children }){return<InterlayUIProvider>{children}</InterlayUIProvider>;}

2. Now you can start using components like so!:

import{Button}from'@interlay/ui';functionExample(){return<Button>I am using Interlay UI</Button>;}

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

License

MIT