• Atom
  • CORE COMPONENT
  • Taxonomic name: A-TOLL-FREE-NUMBER
  • Added on: v2023.01 (27/10/23)
  • Updated on: v2023.01 (27/10/23)

Toll-free number

Numéro Vert français


Design and usage

XXX

  • ...
  • ...

Examples

Interactive example

Code example


<div class="a-toll-free-number">
    <a class="a-toll-free-number__number" href="tel:..." title="Appeler le : ...">...</a>
    <div class="a-toll-free-number__ribbon">Service & appel gratuits</div>
</div>

Development and test


Notes for testers

  • ...

Classes overview

The following table gives you a quick overview of the CSS classes that can be applied.

Class Outcome Required Applied to Comments
.a-toll-free-number Base style for toll-free number Yes div  
.a-toll-free-number__number Styling for number Yes .a-toll-free-number > a  
.a-toll-free-number__ribbon Styling for ribbon Yes .a-toll-free-number > div  

Keyboard operations

TAB

...

SPACE or ENTER

...

Component releases

  • Added on: v2023.01 (27/10/23)
  • Updated on: v2023.01 (27/10/23)

Latest update:

  • Add component.

Full version history

A full history of changes and enhancements detailing all minor and major updates to the component.

View full version history

Want something new in Framework, or to chat about an issue you're having with it?

Contact the team