BK Bank UI

Bk Bank UI is a set of accessible pre-styled React components, guidelines, and resources used to create a consistent visual experience for BK Bank products.

Storybook

Check out the Storybook here

Features

• Accessible components with Radix UI
• Component styling with Tailwind CSS

Getting Started

Make sure you have Tailwind CSS installed in your project.

Installation

pnpm add @bkbank-ui/react

npm install @bkbank-ui/react

yarn add @bkbank-ui/react

Setup

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [require('@bkbank-ui/react/preset')],
  content: [
    './node_modules/@bkbank-ui/react/dist/**/*.js',
    // Add your content globs here
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Usage

import { Button } from '@bkbank-ui/react'

export default function App() {
  return <Button>Click me</Button>
}

Documentation

• BK Bank UI
• Tailwind CSS
• Radix UI

Issues

If you find a bug, please file an issue on our issue tracker on GitHub.

License

github.com

Acknowledgements

• Radix UI
• Tailwind CSS

Authors

• @jvzaniolo