diff --git a/ReadMe.md b/ReadMe.md
index aba2e55e..03caf1b5 100644
--- a/ReadMe.md
+++ b/ReadMe.md
@@ -14,37 +14,70 @@
## Usage
+### Installation
+
```shell
-npm install boot-cell iterable-observer @nuintun/qrcode
+npm install dom-renderer web-cell boot-cell
+npm install parcel @parcel/config-default @parcel/transformer-typescript-tsc -D
+```
+
+#### `package.json`
+
+```json
+{
+ "scripts": {
+ "start": "parcel source/index.html --open",
+ "build": "parcel build source/index.html --public-url ."
+ }
+}
+```
+
+#### `tsconfig.json`
+
+```json
+{
+ "compilerOptions": {
+ "target": "ES6",
+ "module": "ES2020",
+ "moduleResolution": "Node",
+ "useDefineForClassFields": true,
+ "jsx": "react-jsx",
+ "jsxImportSource": "dom-renderer"
+ }
+}
```
-`index.html`
+#### `.parcelrc`
+
+```json
+{
+ "extends": "@parcel/config-default",
+ "transformers": {
+ "*.{ts,tsx}": ["@parcel/transformer-typescript-tsc"]
+ }
+}
+```
+
+### `source/index.html`
```html
-
-
-
-
-
-
+
+
+
+
+
```
## Components
diff --git a/package.json b/package.json
index 728aff50..ab69d01a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "boot-cell",
- "version": "2.0.0-beta.4",
+ "version": "2.0.0-beta.6",
"license": "LGPL-3.0",
"author": "shiy2008@gmail.com",
"description": "Web Components UI library based on WebCell v3, BootStrap v5, BootStrap Icon v1 & FontAwesome v6",
diff --git a/source/Button.tsx b/source/Button.tsx
index c4c93d5f..6bfaa363 100644
--- a/source/Button.tsx
+++ b/source/Button.tsx
@@ -17,7 +17,7 @@ export interface ButtonProps
export const Button: FC = ({
className,
href,
- variant = 'primary',
+ variant,
active,
children,
...props
@@ -30,14 +30,14 @@ export const Button: FC = ({
role="button"
className={classNames(Class, { disabled, active })}
tabIndex={disabled ? -1 : tabIndex}
- ariaDisabled={disabled + ''}
- ariaPressed={active + ''}
- {...props}
+ ariaDisabled={disabled?.toString()}
+ ariaPressed={active?.toString()}
+ {...{ href, ...props }}
>
{children}
) : (
-