The home for Hyperlane core contracts, sdk packages, and other infrastructure
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
hyperlane-monorepo/typescript/widgets
Jason Guo 92b5fe777e
chore(widgets): add and update components (#4847)
2 weeks ago
..
.storybook fix: Remove coingecko-api-v3 library and de-dupe fetching utils (#4837) 2 weeks ago
src chore(widgets): add and update components (#4847) 2 weeks ago
.eslintignore chore: Migrate widgets from separate repo to monorepo (#4139) 4 months ago
.eslintrc chore(widgets): add react and react hooks eslint config (#4838) 2 weeks ago
.gitignore chore: Migrate widgets from separate repo to monorepo (#4139) 4 months ago
CHANGELOG.md Version Packages (#4830) 2 weeks ago
README.md chore: Migrate widgets from separate repo to monorepo (#4139) 4 months ago
package.json Version Packages (#4830) 2 weeks ago
postcss.config.cjs chore: Migrate widgets from separate repo to monorepo (#4139) 4 months ago
tailwind.config.cjs feat: Create chain search and override widgets (#4486) 2 months ago
tsconfig.json chore: Migrate widgets from separate repo to monorepo (#4139) 4 months ago

README.md

Hyperlane Widgets

Common react components for projects using Hyperlane.

Installation

# Install with npm
npm install @hyperlane-xyz/widgets

# Or install with yarn
yarn add @hyperlane-xyz/widgets

Peer dependencies

This package requires @hyperlane-xyz/sdk, react, and react-dom.

Contents

Components

  • ChainLogo: A logo icon for a given chain ID
  • MessageTimeline: A timeline showing stages of message delivery
  • WideChevron: A customizable version of Hyperlane's chevron logo

Hooks

  • useMessage: Fetch data about a message from the Hyperlane Explorer
  • useMessageStage: Fetch and compute message delivery stage and timings
  • useMessageTimeline: Fetch message data for use with MessageTimeline

Learn more

For more information, see the Hyperlane documentation.