# betterdocs/4.9.5/react-src/admin/quick-setup/fields/Field.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 38 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/quick-setup/fields/Field.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/admin/quick-setup/fields/Field.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/quick-setup/fields/Field.js#L10-L20`.

```javascript
import React from "react";
import Collapse from "./Collapse";
import FinishPanel from "./FinishPanel";
import Header from "./Header";
import Image from "./Image";
import Migration from "./Migration";
import PermalinkStracture from "./PermalinkStracture";
import VideoPlayer from "./VideoPlayer";
import SampleDocsGenerator from "./SampleDocsGenerator";
import LayoutCustomizer from "./LayoutCustomizer";

const Field = (r, type, props) => {
    switch (type) {
        case "header":
            return <Header {...props} />;
        case "migration":
            return <Migration {...props} />;
        case "image":
            return <Image {...props} />;
        case "finish_panel":
            return <FinishPanel {...props} />;
        case "collapse":
            return <Collapse {...props} />;
        case "video-player":
            return <VideoPlayer {...props} />;
        case "permalink_structure":
            return <PermalinkStracture {...props} />;
        case "sample_docs_generator":
            return <SampleDocsGenerator {...props} />;
        case "layout_customizer":
            return <LayoutCustomizer {...props} />;
        default:
            return <></>;
    }
};

export default Field;

```