diff --git a/src/components/ids-tabs/demos/index.yaml b/src/components/ids-tabs/demos/index.yaml
index fc1481792d..40fa85de8a 100644
--- a/src/components/ids-tabs/demos/index.yaml
+++ b/src/components/ids-tabs/demos/index.yaml
@@ -36,7 +36,7 @@
type: Example
description: Shows vertical tabs
- link: validation.html
- type: Example
+ type: Test
description: Shows validation indicator in tabs
- link: side-by-side.html
type: Side by Side
diff --git a/src/components/ids-tabs/demos/validation.html b/src/components/ids-tabs/demos/validation.html
index a4f04261f6..d380365982 100644
--- a/src/components/ids-tabs/demos/validation.html
+++ b/src/components/ids-tabs/demos/validation.html
@@ -7,40 +7,157 @@
-
+
Tabs
+
+
+
+ Has Required
+ Other
+ Manual Error
+
+
+
+
+
+
+
+
+
+
+
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed unde laboriosam veniam. Perferendis neque vero mollitia harum delectus, perspiciatis ratione ducimus reprehenderit voluptatibus aspernatur, velit doloribus unde veritatis rerum quidem!
+
+
+
+
+
+
+
+
+ This tab always has an error indicator because of the validation-has-error attribute.
+
+
+
+
+
+
+
+
+
+
+ Has Required
+ Other
+ Manual Error
+ Dismissible
+
+
+
+
+
+
+
+
+
+
+
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed unde laboriosam veniam. Perferendis neque vero mollitia harum delectus, perspiciatis ratione ducimus reprehenderit voluptatibus aspernatur, velit doloribus unde veritatis rerum quidem!
+
+
+
+
+
+
+
+
+ This tab always has an error indicator because of the validation-has-error attribute.
+
+
+
+
+
+ This tab is dismissible with an error.
+
+
+
+
+
+
+
+ Has Required
+ Other
+ Manual Error
+ Dismissible
+
+
+
+
+
+
+
+
+
+
+
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed unde laboriosam veniam. Perferendis neque vero mollitia harum delectus, perspiciatis ratione ducimus reprehenderit voluptatibus aspernatur, velit doloribus unde veritatis rerum quidem!
+
+
+
+
+
+
+
+
+ This tab always has an error indicator because of the validation-has-error attribute.
+
+
+
+
+
+ This tab is dismissible with an error.
+
+
+
+
+
+
+
+ Has Required
+ Other
+ Manual Error
+ Dismissible
+
+
+
+
+
+
+
+
+
+
+
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed unde laboriosam veniam. Perferendis neque vero mollitia harum delectus, perspiciatis ratione ducimus reprehenderit voluptatibus aspernatur, velit doloribus unde veritatis rerum quidem!
+
+
+
+
+
+
+
+
+ This tab always has an error indicator because of the validation-has-error attribute.
+
+
+
+
+
+ This tab is dismissible with an error.
+
+
+
-
-
- Has Required
- Other
- Manual Error
-
-
-
-
-
-
-
-
-
-
-
- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed unde laboriosam veniam. Perferendis neque vero mollitia harum delectus, perspiciatis ratione ducimus reprehenderit voluptatibus aspernatur, velit doloribus unde veritatis rerum quidem!
-
-
-
-
-
-
-
-
- This tab always has an error indicator because of the validation-has-error attribute.
-
-
-
-
-
+