diff --git a/src/App.tsx b/src/App.tsx index de98587..5830a12 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -23,7 +23,8 @@ function App() { }, { name: "Content", - dynamicState: useState("") + dynamicState: useState(""), + expandable: true } ]; diff --git a/src/components/ReviewField.tsx b/src/components/ReviewField.tsx index a4eac8c..1dad117 100644 --- a/src/components/ReviewField.tsx +++ b/src/components/ReviewField.tsx @@ -4,6 +4,7 @@ import React, { useState } from "react"; export interface ReviewFieldProps { name: string; dynamicState: [string, React.Dispatch>]; + expandable?: boolean; variant?: "outlined" | "filled" | "standard"; help?: string; } @@ -25,6 +26,7 @@ const ReviewField = ({ fields }: ReviewFieldOpts) => { key={field.name} label={field.name} value={field.dynamicState[0]} + multiline={field.expandable ?? false} onChange={(({ target }) => { field.dynamicState[1](target.value); })}