Release stuff, install info

Author: alex-c

README.md

@@ -6,7 +6,7 @@ Documentation and examples can be found on the project's [Github Page](https://a
 
 ### Status
 
-Blueprint Datagrid is currently in active development. Progress is being tracked in [this project](https://github.com/users/alex-c/projects/1). There is no version of Blueprint Datagrid released on NPM yet.
+Blueprint Datagrid is currently in active development. Progress is being tracked in [this project](https://github.com/users/alex-c/projects/1). You can find the current version on [NPM](https://www.npmjs.com/package/@alex-c/blueprint-datagrid).
 
 ## Why
 
@@ -26,4 +26,25 @@ More details and examples can be found in the [documentation](https://alex-c.git
 
 ## Getting Started
 
-🚧 TODO 🚧
+Blueprint Datagrid can be installed using `npm` (or the package manager of your choice):
+
+```
+npm install @alex-c/blueprint-datagrid
+```
+
+In your `react` project, import and use the `Datagrid` component as well as other needed components:
+
+```js
+import { Column, ColumnType, Datagrid, Pager } from "@alex-c/blueprint-datagrid";
+
+//...
+
+<Datagrid dataSource={varieties}>
+  <Column field="name" label="Name" filter />
+  <Column field="shuUpperBound" label="Heat (SHU)" type={ColumnType.NUMBER} sortable />
+  <Column field="rare" label="Rare" type={ColumnType.BOOLEAN} />
+  <Pager elementsPerPage={5} />
+</Datagrid>;
+```
+
+You can find more information on how to use Blueprint Datagrid in the [documentation](https://alex-c.github.io/blueprint-datagrid/).

docs/src/pages/page-home.tsx

@@ -1,7 +1,8 @@
-import { Callout, Code, Intent, Tag } from "@blueprintjs/core";
+import { Code, Intent, Tag } from "@blueprintjs/core";
 import { IconNames } from "@blueprintjs/icons";
 import { Action, Column, ColumnType, Datagrid, Pager } from "../../../build";
 import { useAppSelector } from "../app/hooks";
+import { CodeBlock } from "../components/code-block";
 import { Example } from "../components/example";
 import { Page } from "../components/page";
 import { Section } from "../components/section";
@@ -83,9 +84,11 @@ export const HomePage = () => {
         </p>
       </Section>
       <Section title="Installation">
-        <Callout icon={IconNames.WRENCH} intent={Intent.WARNING}>
-          This section is work in progress!
-        </Callout>
+        <p>
+          Install <strong>Blueprint Datagrid</strong> with <Code>npm</Code> (or the package manager of your choice):
+          <br />
+          <CodeBlock code="npm install @alex-c/blueprint-datagrid" />
+        </p>
       </Section>
       <Section title="Usage">
         <p>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alex-c/blueprint-datagrid",
-  "version": "0.1.0",
+  "version": "0.3.2",
   "description": "An enhanced table component for Blueprint 4.",
   "main": "build/index.js",
   "module": "build/index.es.js",
@@ -37,23 +37,17 @@
   },
   "homepage": "https://github.com/alex-c/blueprint-datagrid#readme",
   "dependencies": {
-    "@blueprintjs/core": "^4.14.3",
-    "@blueprintjs/icons": "^4.12.2",
-    "@blueprintjs/popover2": "^1.11.3",
-    "@blueprintjs/select": "^4.8.16",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
     "typescript": "^4.6.3"
   },
   "peerDependencies": {
     "@blueprintjs/core": "^4.14.3",
     "@blueprintjs/icons": "^4.12.2",
     "@blueprintjs/popover2": "^1.11.3",
     "@blueprintjs/select": "^4.8.16",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.2 || 18",
+    "react-dom": "^17.0.2 || 18"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.0",