diff --git a/docs/basic-celledit.md b/docs/basic-celledit.md
index a838777..f0745a3 100644
--- a/docs/basic-celledit.md
+++ b/docs/basic-celledit.md
@@ -6,6 +6,8 @@ sidebar_label: Cell Edit
 
 `react-bootstrap-table2` separate the cell edit code base to [`react-bootstrap-table2-editor`](https://github.com/react-bootstrap-table/react-bootstrap-table2/tree/develop/packages/react-bootstrap-table2-editor), so there's a little bit different when you use cell edit than `react-bootstrap-table`. In the following, we are going to show you how to enable the cell edit
 
+**[Live Demo For Cell Edit](../storybook/index.html?selectedKind=Cell%20Editing)**
+
 -----
 
 ## Install
diff --git a/docs/basic-column.md b/docs/basic-column.md
index b6e9287..9afe7b2 100644
--- a/docs/basic-column.md
+++ b/docs/basic-column.md
@@ -6,6 +6,9 @@ sidebar_label: Work on Column
 
 Firstly, legacy `react-bootstrap-table` is hard to customize the DOM Event, Attributes on column or header column. In the `react-bootstrap-table2`, we make those bad design become more easy and flexible.
 
+**[Live Demo For Column](../storybook/index.html?selectedKind=Work%20on%20Columns)**   
+**[Live Demo For Header Column](../storybook/index.html?selectedKind=Work%20on%20Header%20Columns)**
+
 -----
 
 ## Formatting Table Column
diff --git a/docs/basic-filter.md b/docs/basic-filter.md
index 258aa45..936c6c7 100644
--- a/docs/basic-filter.md
+++ b/docs/basic-filter.md
@@ -6,6 +6,8 @@ sidebar_label: Column Filter
 
 `react-bootstrap-table2` separate the filter core code base to [`react-bootstrap-table2-filter`](https://github.com/react-bootstrap-table/react-bootstrap-table2/tree/develop/packages/react-bootstrap-table2-filter), so there's a little bit different when you use column filter than `react-bootstrap-table`. In the following, we are going to show you how to enable the column filter:
 
+**[Live Demo For Column Filter](../storybook/index.html?selectedKind=Column%20Filter)**
+
 -----
 
 ## Install
diff --git a/docs/basic-row-select.md b/docs/basic-row-select.md
index e5bdea9..daadd48 100644
--- a/docs/basic-row-select.md
+++ b/docs/basic-row-select.md
@@ -6,6 +6,8 @@ sidebar_label: Row Selection
 
 For the table row selection functionality, the usage is almost same as `react-bootstrap-table`. If you are a user from legacy `react-bootstrap-table`, you can consider to skip this part.
 
+**[Live Demo For Row Selection](../storybook/index.html?selectedKind=Row%20Selection)**
+
 -----
 
 ## Selection Mode
diff --git a/docs/basic-sort.md b/docs/basic-sort.md
index aebf032..a6d2b4c 100644
--- a/docs/basic-sort.md
+++ b/docs/basic-sort.md
@@ -6,6 +6,10 @@ sidebar_label: Table Sort
 
 `react-bootstrap-table2` allow you to configure columns to be sortable. Currently, we don't support the multi-column sort, but it will be implemented in the future.
 
+**[Live Demo For Table Sort](../storybook/index.html?selectedKind=Sort%20Table)**
+
+-----
+
 ## Enable Sort on Column
 Firstly, you need to know what column you allow user to sort and give the [`sort`](./column-props.html#columnsort-bool) as `true` in the column definitation.