Card option

Basic example

A row of mutually-exclusive option cards, each with a title, a short description and a selection indicator. Selection is driven by a radio input, so it works without JavaScript.

  • Default

Facturation des jours hors prix fixe

Three options (averaged structures)

  • Default
Show code
<div class="optionCards"> <label class="optionCard"> <input type="radio" name="out_of_fixed_price_days" value="billed_as_planned" checked> <p class="optionCard__name">Facturés au planifié</p> <p class="optionCard__description">Les jours planifiés hors période sont ajoutés à la facture</p> <span class="optionCard__indicator"></span> </label> <label class="optionCard"> <input type="radio" name="out_of_fixed_price_days" value="not_billed"> <p class="optionCard__name">Non facturés</p> <p class="optionCard__description">Aucun jour hors prix fixe n'est facturé</p> <span class="optionCard__indicator"></span> </label> </div>