chore(@clayui/form): LPD-53483 Add storybook example of ClayInput.InlineText

Author: pat270

packages/clay-form/stories/Input.stories.tsx

@@ -3,11 +3,13 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 
+import classNames from 'classnames';
 import React from 'react';
 
 import {ClayInput} from '../src';
 import ClayForm from '../src/Form';
 
+
 export default {
 	argTypes: {
 		sizing: {
@@ -86,3 +88,29 @@ Textarea.args = {
 	readOnly: false,
 	sizing: undefined,
 };
+
+export const InlineText = (args: any) => (
+	<div className="sheet">
+		<ClayForm.Group
+			className={classNames({
+				['has-error']: args.hasError,
+				['has-success']: args.hasSuccess,
+				['has-warning']: args.hasWarning,
+			})}
+		>
+			<label htmlFor="inlineText">Inline Text Example</label>
+			<ClayInput.InlineText
+				id="inlineText"
+				placeholder="Untitled Case Study"
+				readOnly={args.readOnly}
+			/>
+		</ClayForm.Group>
+	</div>
+);
+
+InlineText.args = {
+	hasError: false,
+	hasSuccess: false,
+	hasWarning: false,
+	readOnly: false,
+};