Fieldset migreringsguide
Innehåll
Från och med release 5.17.0 (2024-03-02) är gruppkomponenter för radio och kryssruta deprekerade.
FRadioGroupFRadioGroupFieldFCheckboxGroupFCheckboxGroupField
Den här migreringsuiden ger information om hur du ersätter dem med FFieldset.
Radioknapp
Ersätt FRadioGroup med FFieldset.
-<f-radio-group>
+<f-fieldset>
Ersätt attributet is-horizontal med horizontal.
-<f-radio-group is-horizontal>
+<f-fieldset horizontal>
Indentering är inte längre kopplat till komponenten, utan sker fristående genom att ange klassen indent.
-<f-radio-group>
- <template #default="{ indentClass }">
- <div :class="indentClass">
+<f-fieldset horizontal>
+ <div class="indent">
Ersätt FRadioGroupField med FRadioField.
-<f-radio-group-field>
+<f-radio-field>
Kryssruta
Ersätt FCheckboxGroup med FFieldset.
-<f-checkbox-group>
+<f-fieldset>
Ersätt FCheckboxGroupField med FCheckboxField.
-<f-checkbox-group-field>
+<f-checkbox-field>
Komplett exempel
-<f-radio-group name="barn-over-18" is-horizontal>
+<f-fieldset name="barn-over-18" horizontal>
<template #label> Bor det barn som har fyllt 18 år i bostaden? </template>
- <f-radio-group-field
+ <f-radio-field
id="barn-over-18-ja"
v-model="hasChildrenOverEighteen"
:value="true"
>
Ja, det bor barn över 18 år där
- </f-radio-group-field>
+ </f-radio-field>
-</f-radio-group>
+</f-fieldset>