Radio .inline (regroupé)
Radio .inline - Multiligne (regroupé)
Radio .inline - Icône
Radio .inline.has-error (regroupé)
Une sélection est obligatoire avec le formulaire checkbox
Radio .inline disabled (regroupé)
HTML
PUG
.form-group(role="radiogroup" aria-labelledby="group-radio-0-0-3")
p#group-radio-0-0-3.field-label Radio .inline (regroupé)
.field-item.form-check.inline.-with-cta
.row
.col-md-12
.item
input(type='radio' name='radio-input-0-0-3', checked)#radio-input-3-0-0-1
label(for='radio-input-3-0-0-1')
img(src='https://dummyimage.com/48x48/' alt='').img-fluid/
span Radio
span.tarif xx,xx € /mois
small soit xx,xx/ans
.col-md-12
.item.-cta
input(type='radio' name='radio-input-0-0-3')#radio-input-3-0-0-2
label(for='radio-input-3-0-0-2')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
span.tarif xx,xx € /mois
small soit xx,xx/ans
.wrapper-cta
button(data-toggle='modal' data-target='#modal-inline-1' type='button')
i.maificon.maificon-information-cercle(aria-hidden="true")
span.sr-only Blabla
.form-group(role="radiogroup" aria-labelledby="group-radio-0-0-13")
p#group-radio-0-0-13.field-label Radio .inline - Multiligne (regroupé)
.field-item.form-check.inline.-with-cta
.row
.col-md-12
.item.-cta
input(type='radio' name='radio-input-0-0-13', checked)#radio-input-3-0-0-11
label(for='radio-input-3-0-0-11')
img(src='https://dummyimage.com/48x48/' alt='').img-fluid/
span.multiline Prénom Nom
small (conjoint sociétaire)
.wrapper-cta
button(data-toggle='modal' data-target='#modal-inline-1' type='button')
i.maificon.maificon-information-cercle(aria-hidden="true")
span.sr-only Blabla
.col-md-12
.item.-cta
input(type='radio' name='radio-input-0-0-13', checked)#radio-input-3-0-0-13
label(for='radio-input-3-0-0-13')
img(src='https://dummyimage.com/48x48/' alt='').img-fluid/
span.multiline Prénom Nom
small (autre membre du foyer)
.wrapper-cta
button(data-toggle='modal' data-target='#modal-inline-1' type='button')
i.maificon.maificon-information-cercle(aria-hidden="true")
span.sr-only Blabla
.form-group(role="radiogroup" aria-labelledby="group-radio-0-0-13")
p#group-radio-0-0-13.field-label Radio .inline - Icône
.field-item.form-check.inline.-with-cta
.row
.col-md-12
.item.-cta
input(type='radio' name='radio-input-0-0-13', checked)#radio-input-3-0-0-113
label(for='radio-input-3-0-0-113')
span.multiline Prénom Nom
small JJ/MM/AAAA
.wrapper-cta
button(data-toggle='modal' data-target='#modal-inline-1' type='button')
i.maificon.maificon-cross(aria-hidden="true")
span.sr-only Supprimer la ligne
.form-group.has-error(role="radiogroup" aria-labelledby="group-radio-0-0-2" aria-describedby="error-inline-01" tabindex="-1")
p#group-radio-0-0-2.field-label Radio .inline.has-error (regroupé)
.field-item.form-check.inline
.row
.col-md-12
.item
input(type='radio' name='radio-input-0-0-2')#radio-input-2-0-0-1
label(for='radio-input-2-0-0-1')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
.col-md-12
.item
input(type='radio' name='radio-input-0-0-2')#radio-input-2-0-0-2
label(for='radio-input-2-0-0-2')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
p#error-inline-01.help-block Une sélection est obligatoire avec le formulaire checkbox
.form-group(role="radiogroup" aria-labelledby="group-radio-0-0-1")
p#group-radio-0-0-1.field-label Radio .inline disabled (regroupé)
.field-item.form-check.inline
.row
.col-md-12
.item
input(type='radio' name='radio-input-0-0-1', disabled)#radio-input-0-0-1
label(for='radio-input-0-0-1')
span Radio
.col-md-12
.item
input(type='radio' name='radio-input-0-0-1', disabled)#radio-input-0-0-2
label(for='radio-input-0-0-2')
span Radio