Skip to content

Aptos wallet selector implementation with Tailwind CSS and dynamic data

Notifications You must be signed in to change notification settings

ajesuscode/aptos-wallet-selector-twcss

Repository files navigation

Aptos-Wallet-Selector-Tailwind

This is a work in progress project that implements an Aptos Wallet Selector with Tailwind CSS styling.
Inspired by AWAS AntDesign


Usage

  • Install Aptos Wallet Adapter React package
  • You can find all supported Aptos Wallets in README.md
  • Copy WalletSelect.tsx from src/components and paste into your project.
  • Now you can use it as a Component

Dynamic Data

  • <WalletSelect /> has three (for now) optional dynamic props grid?: boolean, message?: string, link?: string
  • Quickly to change colors of the component go to your tailwind.config.js and paste skins with your own colors:
extend: {
      colors: {
      ...
        "btn-skin": colors.lime[400],
        "bg-skin": colors.lime[200],
        "txt-skin": colors.zinc[950],
      ...
      },
    },

Work in progress

  • Make it a module to import over npm or yarn
  • Dynamic prop with color selection.
  • Dynamic prop with modal position left right centre
  • Dark // Light default themes.
  • Grid or Flex display switcher.

👋 Contributors are welcome 🥳!!!

About

Aptos wallet selector implementation with Tailwind CSS and dynamic data

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published