This is a work in progress project that implements an Aptos Wallet Selector with Tailwind CSS styling.
Inspired by AWAS AntDesign
- Install Aptos Wallet Adapter React package
- You can find all supported Aptos Wallets in
README.md
- Copy
WalletSelect.tsx
fromsrc/components
and paste into your project. - Now you can use it as a
Component
<WalletSelect />
has three (for now) optional dynamic propsgrid?: boolean
,message?: string
,link?: string
- Quickly to change
colors
of the component go to yourtailwind.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],
...
},
},
- Make it a module to import over
npm
oryarn
- Dynamic prop with color selection.
- Dynamic prop with modal position
left
right
centre
- Dark // Light default themes.
- Grid or Flex display switcher.