Update showcases/angular-showcase/src/app/components/form/selects/sel…

…ects.component.html

Co-authored-by: Maximilian Franzke <[email protected]>

showcases/angular-showcase/src/app/components/form/selects/selects.component.html

@@ -3,23 +3,26 @@
 	[model]="ngModel"
 	[control]="formControl.value"
 >
-	<db-select
-		label="Plain"
-		[value]="plain"
-		(change)="plain = $event.target.value"
-	>
-		<option value="combobox-0">combobox-0</option>
-		<option value="combobox-1">combobox-1</option>
-		<option value="combobox-2">combobox-2</option>
-	</db-select>
-	<db-select label="ngModel" [(ngModel)]="ngModel">
-		<option value="combobox-0">combobox-0</option>
-		<option value="combobox-1">combobox-1</option>
-		<option value="combobox-2">combobox-2</option>
-	</db-select>
-	<db-select label="formControl" [formControl]="formControl">
-		<option value="combobox-0">combobox-0</option>
-		<option value="combobox-1">combobox-1</option>
-		<option value="combobox-2">combobox-2</option>
-	</db-select>
+	<fieldset>
+		<legend>Different form approaches</legend>
+		<db-select
+			label="Plain"
+			[value]="plain"
+			(change)="plain = $event.target.value"
+		>
+			<option value="combobox-0">combobox-0</option>
+			<option value="combobox-1">combobox-1</option>
+			<option value="combobox-2">combobox-2</option>
+		</db-select>
+		<db-select label="ngModel" [(ngModel)]="ngModel">
+			<option value="combobox-0">combobox-0</option>
+			<option value="combobox-1">combobox-1</option>
+			<option value="combobox-2">combobox-2</option>
+		</db-select>
+		<db-select label="formControl" [formControl]="formControl">
+			<option value="combobox-0">combobox-0</option>
+			<option value="combobox-1">combobox-1</option>
+			<option value="combobox-2">combobox-2</option>
+		</db-select>
+	</fieldset>
 </app-form-wrapper>