0.0.31 • Published 8 months ago
@blockle/blocks-v2 v0.0.31
README
TODO
- Add a proper README
- Add vitest
Installation
Vite
import { defineConfig } from 'vite';
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
import react from '@vitejs/plugin-react';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vanillaExtractPlugin(), react()],
optimizeDeps: {
exclude: ['@blockle/blocks-v2'],
include: [
'react',
'react-dom',
'cssesc',
'escape-string-regexp',
'css-what',
'chalk',
'deepmerge',
],
},
});
CSS Reset
You are free to choose whatever reset template you like, we also provide one <>link<>
import '@blockle/blocks/reset.css';
Usage
Theming
import { createComponentTheme } from '@blockle/blocks-v2/src/components/BlocksProvider/createComponentTheme';
import { style, styleVariants } from '@vanilla-extract/css';
export const button = createComponentTheme('button', ({ atoms, vars }) => ({
base: style({...}),
variant: styleVariants({ flat: style({...}), solid: style({...)})
}));
0.0.31
8 months ago
0.0.25
1 year ago
0.0.30
1 year ago
0.0.26
1 year ago
0.0.27
1 year ago
0.0.28
1 year ago
0.0.29
1 year ago
0.0.20
1 year ago
0.0.21
1 year ago
0.0.22
1 year ago
0.0.23
1 year ago
0.0.24
1 year ago
0.0.18
1 year ago
0.0.19
1 year ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.2-1.alpha
2 years ago
0.0.3
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.1
2 years ago