Wallet UI LogoWallet UI

Tailwind CSS

Using Wallet UI with Tailwind CSS.

The @wallet-ui/tailwind package provides a default theme and the necessary Tailwind CSS styles for the components in @wallet-ui/react. The @wallet-ui/react components are unstyled by default, but they are highly customizable through the CSS variables provided by this package.

Installation

npm install @wallet-ui/tailwind

Usage

You need to import the Wallet UI Tailwind CSS file in your global CSS file.

/* styles/globals.css */
@import 'tailwindcss';
@import '@wallet-ui/tailwind/index.css';

On this page