@crypture/modals

A React component library for crypto-related modals and UI elements.
Designed to simplify wallet connections, transaction confirmations, and other blockchain interactions with elegant and customizable modal components.

✨ Features

• 🪙 Wallet connection modals
• 🔐 Transaction confirmation dialogs
• 🧩 Easily extendable and themeable
• 🧼 Clean, minimal design using Chakra UI and emotion CSS
• ⚛️ Built with TypeScript and React

📦 Installation

npm install @crypture/modals
# or
yarn add @crypture/modals

⚙️ Usage

// App.tsx
import { Modal } from '@crypture/modals';
function App() {
  return (
    <div>
      <Modal label="Connect wallet" />
    </div>
  );
}

| Prop | Type | Description | | ----------------- | ----------- | ------------------------------------ | | label | string | The button label to trigger modal | | appName | string | App name displayed within the modal | | button | ReactNode | Trigger button component | | loadingDuration | ReactNode | Shimmer loading time in milliseconds |