Fieldset migreringsguide
- Komponent
-
[object Object],[object Object],[object Object],[object Object]
Deprekering av gruppkomponenter för radio och kryssruta
Radio
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>
Se Radioknapp (deprekerad) för tidigare API.
Kryssruta
Ersätt FCheckboxGroup med FFieldset.
-<f-checkbox-group>
+<f-fieldset>
Ersätt FCheckboxGroupField med FCheckboxField.
-<f-checkbox-group-field>
+<f-checkbox-field>
Se Kryssruta (deprekerad) för tidigare API.
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>