<template>
			<div class="cms_content_form">
				<form action="">
					<div class="row">
						<div class="tab8">
							<my-input type="text" value="" v-model="titel" placeholder="Titel hier eintragen" label="Titel" description="Text .."></my-input>
							<div class="input_holder">
								<header class="input_header">
									<label for="">Permalink</label>
									<div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div>
								</header>
								<input type="text" value="" name="" placeholder="Permalink">
							</div>

							<div class="input_holder">
								<header class="input_header">
									<label for="">Inhalt</label>
									<div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div>
								</header>

								<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
							</div>

							<!-- Fieldgroup -->
							<div class="cms_fieldgroup fieldgroup_open">
								<header class="cms_fieldgroup_header">Feldergruppe <div class="cms_fieldgroup_trigger"><i class="ion-chevron-down"></i></div></header>
								<div class="cms_fieldgroup_content">
									<div class="input_holder">
										<header class="input_header">
											<label for="">Noch ein Feld</label>
											<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
										</header>

										<input type="text" value="" name="" placeholder="Noch ein Feld">
									</div>

									<div class="input_holder">
										<header class="input_header">
											<label for="">Noch ein Feld</label>
											<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
										</header>
										<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
									</div>
								</div>
							</div>

							<!-- Fieldgroup -->
							<div class="cms_fieldgroup">
								<header class="cms_fieldgroup_header">Feldergruppe <div class="cms_fieldgroup_trigger"><i class="ion-chevron-down"></i></div></header>
								<div class="cms_fieldgroup_content">
									<div class="input_holder">
										<header class="input_header">
											<label for="">Noch ein Feld</label>
											<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
										</header>
										<input type="text" value="" name="" placeholder="Noch ein Feld">
									</div>

									<div class="input_holder">
										<header class="input_header">
											<label for="">Noch ein Feld</label>
											<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
										</header>
										<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
									</div>
								</div>
							</div>


						</div>
						<div class="tab4">
							<div class="cms_content_form_sidebar">
								Sidebar
							</div>
						</div>
					</div>
				</form>
			</div>

</template>



<script>
import MyInput from "components/my-input.vue";

export default {
    name: "DemoForm",
    components: {
        MyInput
    },
    data() {
        return {
            titel: "plapla"
        }
    }
}
</script>