/**
 * @class Ext.field.Hidden
 * @extend Ext.field.Text
 * @xtype hiddenfield
 *
 * Hidden fields allow you to easily inject additional data into a {@link Ext.form.Panel form}
 * without displaying additional fields on the screen. This is often useful for sending
 * dynamic or previously collected data back to the server in the same request as the
 * normal form submission. For example, here is how we might set up a form to send
 * back a hidden userId field:
 *
 *     @example packages=[reactor]
 *     import React, { Component } from 'react';
 *     import { ExtReact, Container, FormPanel, HiddenField } from '@sencha/ext-react';
 *
 *     export default class MyExample extends Component {
 *         render() {
 *             return (
 *                 <ExtReact>
 *                     <Container layout="center">
 *                         <FormPanel shadow>
 *                             <HiddenField
 *                                 value="123"
 *                                 name="hide"
 *                             />
 *                         </FormPanel>
 *                     </Container>
 *                 <ExtReact>
 *             )
 *         }
 *     }
 *
 * In the form above we created two fields - a hidden field and a
 * {@link Ext.field.Checkbox check box field}. Only the check box will be visible, but
 * both fields will be submitted. Hidden fields cannot be tabbed to - they are removed
 * from the tab index so when your user taps the next/previous field buttons the hidden
 * field is skipped over.
 *
 * It's easy to read and update the value of a hidden field within a form. Using the
 * example above, we can get a reference to the hidden field and then set it to a new
 * value in 2 lines of code:
 *
 *     var userId = form.down('hiddenfield')[0];
 *     userId.setValue(1234);
 */
 
/**
 * @cfg {Boolean} [hidden=true]
 * @hide
 */