fix: update readme and build storybook.

Author: asaf

.gitignore

@@ -1,2 +1,4 @@
 node_modules
 lib
+storybook-static
+build-storybook.log

README.md

@@ -1,15 +1,77 @@
 # use-disposable-list
 
-A React hook for a disposable list.
+A react hook to create a list of disposable items,
 
-```js
-const [notifs, addNotif, removeNotif] = useDisposableList({
-  hideDuration: 300,
-  timeout: 2000,
-});
+It can be used as a core infra to display a growl notification for **any** css framework.
+
+### Basic Sample
+
+See live in [Codesandbox](https://codesandbox.io/s/clever-cache-y7xw1)
+
+```jsx
+import "./styles.css";
+import useDisposableList from "use-disposable-list";
+
+export default function App() {
+  const [notifs, addNotif, removeNotif] = useDisposableList({
+    hideDuration: 0,
+    timeout: 2000,
+  });
+
+  return (
+    <div className="App">
+      <h1>use-disposable-list</h1>
+      <div>
+        <div style={{ paddingBottom: "20px" }}>
+          <button
+            onClick={() =>
+              addNotif({
+                message: "Hello",
+                level: "info",
+                description: "World",
+              })
+            }
+          >
+            info
+          </button>
+          <button
+            onClick={() =>
+              addNotif({
+                message: "Oh no",
+                level: "error",
+                description: "Something bad happened",
+              })
+            }
+          >
+            error
+          </button>
+        </div>
+        {notifs.map(({ id, show, details = { level: "info" } }) => (
+          <div>
+            <span>{details.message}</span>
+            <button
+              onClick={() => removeNotif(id)}
+              style={{ marginLeft: "3px" }}
+            >
+              X
+            </button>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
 ```
 
-```ts
+### Typescript
+
+```tsx
+export interface NotificationDef {
+  message: string;
+  description?: string;
+  level: "info" | "error";
+}
+
 interface NotificationsDef {
   id: string;
   show: boolean;
@@ -20,6 +82,11 @@ const [notifs, addNotif, removeNotif] = useDisposableList<NotificationDef>({
   hideDuration: 300,
   timeout: 2000,
 });
+
+//...
 ```
 
-- `notifs` is a list of disposable notifications to display
+### Demos
+
+- [story book](https://60afd8ceda1d8b003977ba04-bwpixgfhhi.chromatic.com/)
+- [Codesandbox with Bootstrap](https://codesandbox.io/s/holy-tdd-t8gr8)