diff --git a/src/components/Tag/README.md b/src/components/Tag/README.md
new file mode 100644
index 0000000000..f707998536
--- /dev/null
+++ b/src/components/Tag/README.md
@@ -0,0 +1,14 @@
+# AppBar
+
+```tsx
+import { Tag } from 'smarthr-ui'
+
+必須
+```
+
+## props
+
+| Name | Required | Type | DefaultValue | Description |
+| ---------- | -------- | --------------------------------- | ------------ | ----------------------------------------------------------------- |
+| skeleton | - | **boolean**
true | false | false | Set transparent background when its true |
+| type | true | **enum**
`suuccess` | `error` | `warning` | `require` | - | Can be set type of tag |
diff --git a/src/components/Tag/Tag.stories.tsx b/src/components/Tag/Tag.stories.tsx
index 8a5f7b1156..69fdc80fe0 100644
--- a/src/components/Tag/Tag.stories.tsx
+++ b/src/components/Tag/Tag.stories.tsx
@@ -3,23 +3,53 @@ import * as React from 'react'
import styled from 'styled-components'
import { Tag } from './Tag'
+import readme from './README.md'
-storiesOf('Tag', module).add('all', () => (
-
-
- サクセス
-
-
- 警告
-
-
- エラー
-
-
- 必須
-
-
-))
+storiesOf('Tag', module)
+ .addParameters({
+ readme: {
+ sidebar: readme,
+ },
+ })
+ .add('all', () => (
+
+
+ デフォルト
+
+
+ サクセス
+
+
+ 警告
+
+
+ エラー
+
+
+ 必須
+
+
+
+ サクセス
+
+
+
+
+ 警告
+
+
+
+
+ エラー
+
+
+
+
+ 必須
+
+
+
+ ))
const List = styled.ul`
padding: 8px 24px;