From d0ab9f89f80e2e325affef3bd9733e5fa0a602a2 Mon Sep 17 00:00:00 2001
From: Andrew Hlavats <ahlavats@rogers.com>
Date: Sat, 25 Feb 2017 23:36:52 -0500
Subject: [PATCH] docs(usage): update usage page with import examples (#1336)

* docs(usage): update usage page with import examples

* Provide links to examples from Usage page

* Correction for linter

* refactor(Usage): update verbiage
---
 docs/app/Views/Usage.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/docs/app/Views/Usage.js b/docs/app/Views/Usage.js
index 0257ac0702..9a7e478836 100644
--- a/docs/app/Views/Usage.js
+++ b/docs/app/Views/Usage.js
@@ -39,6 +39,25 @@ const Usage = () => (
         The method you choose to include the stylesheet in your project will depend on the level
         of customisation you require.
       </p>
+      <Header as='h3'>Examples</Header>
+      <p>
+          For examples on how to import and use Semantic UI React components,
+          click the code icon next to any example. Here are a few direct links:
+      </p>
+      <ul>
+          <li>
+              <a href='http://react.semantic-ui.com/elements/button#button'>Button</a>
+          </li>
+          <li>
+              <a href='http://react.semantic-ui.com/elements/list#list'>List</a>
+          </li>
+          <li>
+              <a href='http://react.semantic-ui.com/views/card#card'>Card</a>
+          </li>
+          <li>
+              <a href='http://react.semantic-ui.com/modules/modal#modal'>Modal</a>
+          </li>
+      </ul>
     </Segment>
 
     <Segment basic padded>