Radio .inline.default-md (regroupé)
Radio .inline.default-md.has-error (regroupé)
Une sélection est obligatoire avec le formulaire checkbox
Radio .inline.default-md disabled (regroupé)
HTML
PUG
.form-group(role="radiogroup" aria-labelledby="group-radio-5-0-0-1")
p#group-radio-5-0-0-1.field-label Radio .inline.default-md (regroupé)
.field-item.form-check.inline.default-md.-with-cta
.row
.col-md-3
.item
input(type='radio' name='radio-input-5-0-0-1', checked)#radio-input-5-0-0-1
label(for='radio-input-5-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-3
.item.-cta
input(type='radio' name='radio-input-5-0-0-1')#radio-input-5-0-0-2
label(for='radio-input-5-0-0-2')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
small (info complémentaire)
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
.col-md-3
.item
input(type='radio' name='radio-input-5-0-0-1')#radio-input-5-0-0-3
label(for='radio-input-5-0-0-3')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
span.tarif xx,xx € /mois
small soit xx,xx/ans
.col-md-3
.item.-cta
input(type='radio' name='radio-input-5-0-0-1')#radio-input-5-0-0-4
label(for='radio-input-5-0-0-4')
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.has-error(role="radiogroup" aria-labelledby="group-radio-6-0-0-1" aria-describedby="error-default-md-01" tabindex="-1")
p#group-radio-6-0-0-1.field-label Radio .inline.default-md.has-error (regroupé)
.field-item.form-check.inline.default-md
.row
.col-md-3
.item
input(type='radio' name='radio-input-6-0-0-1')#radio-input-6-0-0-1
label(for='radio-input-6-0-0-1')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
.col-md-3
.item
input(type='radio' name='radio-input-6-0-0-1')#radio-input-6-0-0-2
label(for='radio-input-6-0-0-2')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
.col-md-3
.item
input(type='radio' name='radio-input-6-0-0-1')#radio-input-6-0-0-3
label(for='radio-input-6-0-0-3')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
.col-md-3
.item
input(type='radio' name='radio-input-6-0-0-1')#radio-input-6-0-0-4
label(for='radio-input-6-0-0-4')
i.maificon.maificon-biens-sport(aria-hidden="true")
span Radio
p#error-default-md-01.help-block Une sélection est obligatoire avec le formulaire checkbox
.form-group(role="radiogroup" aria-labelledby="group-radio-7-0-0-1")
p#group-radio-7-0-0-1.field-label Radio .inline.default-md disabled (regroupé)
.field-item.form-check.inline.default-md
.row
.col-md-3
.item
input(type='radio' name='radio-input-7-0-0-1', disabled)#radio-input-7-0-0-1
label(for='radio-input-7-0-0-1')
span Radio
.col-md-3
.item
input(type='radio' name='radio-input-7-0-0-1', disabled)#radio-input-7-0-0-2
label(for='radio-input-7-0-0-2')
span Radio
.col-md-3
.item
input(type='radio' name='radio-input-7-0-0-1', disabled)#radio-input-7-0-0-3
label(for='radio-input-7-0-0-3')
span Radio
.col-md-3
.item
input(type='radio' name='radio-input-7-0-0-1', disabled)#radio-input-7-0-0-4
label(for='radio-input-7-0-0-4')
span Radio