How to hide a input field?

[lilyntalmers]

How to make a Formiz Input Field hidden?

type="hidden"

Example: <input type="hidden" id="fname" name>

[ivan-dalmet]

Hello @lilyntalmers
You can create a FieldHidden like this :)

Field

const FieldHidden = (props) => {
  const {
    id,
    value,
  } = useField(props)

  return (
      <input
        id={id}
        type="hidden"
        value={value || ''}
      />
  );
}

Usage

<FieldHidden name="my-hidden-value" defaultValue="Something" />

[lilyntalmers]

Hey @ivan-dalmet, I am facing a small issue.

My Input
<FieldHidden name="_next" defaultValue="https://www.youtube.com/" />

My Output
<input id="formiz-form-sxdjz95tt-field-_next" type="hidden" value="https://www.youtube.com/">

My Expected Output
<input id="formiz-form-sxdjz95tt-field-_next" type="hidden" value="https://www.youtube.com/" name="_next">

Thanks a lot for the help.

[ivan-dalmet]

Just update the field to render the name 😊

const​ ​FieldHidden​ ​=​ ​(​props​)​ ​=>​ ​{​
  ​const​ ​{​
    id​,​
    value​,​
  ​}​ ​=​ ​useField​(​props​)​

  ​return​ ​(​
      ​<​input​
        ​id​=​{​id​}​
        ​type​=​"hidden"​
        ​value​=​{​value​ ​||​ ​''​}​
        name={props.name} // Update this line
      ​/​>​
  ​)​;​
​}

[lilyntalmers]

Thanks @ivan-dalmet, it worked 😊