@leather-wallet/ui
v1.4.7
Published
This package contains Leather Wallet's UI library. It is intended for use in applications that are using [panda css](https://panda-css.com/).
Downloads
42
Readme
UI
This package contains Leather Wallet's UI library. It is intended for use in applications that are using panda css.
Setup
To setup in your application you need to:
- install panda-css
- setup panda css and configure it to acknowledge the library code
- configure webpack to load the files correctly
Panda configuration
Specify the library as part of the panda.config
include
:
include: [
'./node_modules/@leather-wallet/ui/dist-all/src/**/*.{js,jsx,ts,tsx}',
'./src/**/*.{js,jsx,ts,tsx}',
],
Webpack configuration
Alias
react
andreact-dom
to avoid react errors.Configure your
module
to handlejsx
files
export const config = {
...
module: {
resolve: {
...
alias: {
'leather-styles': path.resolve('leather-styles'),
'react': path.resolve('./node_modules/react'),
'react-dom': path.resolve('./node_modules/react-dom')
},
...
rules: [
...
{
test: /\.(js)$/,
include: [/node_modules\/@cteic\/ui/],
loader: 'esbuild-loader',
options: { tsconfig: './tsconfig.json', loader: 'jsx',target: 'es2020' },
},