feat: add placeholder to QueryItem's TextInput

mParticle · May 1, 2024 · 30bde49 · 30bde49
1 parent e74053d
commit 30bde49
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/components/data-entry/QueryItem/TextInput.stories.tsx b/src/components/data-entry/QueryItem/TextInput.stories.tsx
@@ -21,6 +21,22 @@ export default meta;
 
 type Story = StoryObj<typeof QueryItem.ValueSelector.TextInput>
 
-export const Primary: Story = {
-
-}
+export const Default: Story = {
+  args: {
+    value: 'Primary',
+  },
+}
+
+
+export const Placeholder: Story = {
+  args: {
+    placeholder: 'Placeholder',
+  },
+}
+
+
+export const ErrorMessage: Story = {
+  args: {
+    errorMessage: 'Required field!',
+  },
+}
diff --git a/src/components/data-entry/QueryItem/TextInput.tsx b/src/components/data-entry/QueryItem/TextInput.tsx
@@ -8,6 +8,7 @@ interface ITextInputProps {
   value?: string
   disabled?: boolean
   errorMessage?: string
+  placeholder?: string
 }
 
 export const TextInput = (props: ITextInputProps) => {
@@ -28,6 +29,7 @@ export const TextInput = (props: ITextInputProps) => {
         disabled={props.disabled}
         className={inputClasses}
         value={props.value}
+        placeholder={props.placeholder}
         onChange={_onChange}></Input>
       {props.errorMessage && <Typography.Text type="danger">{props.errorMessage}</Typography.Text>}
     </>