# Reference table

<div class="Vlt-table Vlt-table--data">
|Class |	Behaviour|
|---|---|
|`.Vlt-dialpad`| Wraps the element|
|`.Vlt-dialpad--light`| Light theme, shouldn't be used with other modifiers|
|`.Vlt-dialpad__header`| Wraps the header of the dialpad and contains the dismiss cross button|
|`.Vlt-dialpad__header__dismiss`| Dismiss button. Unlike other Volta dismiss buttons, this requires the 'cross' icon inside it, it does not come from CSS|
|`.Vlt-dialpad__strip`| Wraps the strip where the dialled number will be visible|
|`.Vlt-dialpad__strip__icon`| Element needed to the left of the number. It may contain a flag or be unused, but it still must be there for correct spacing|
|`.Vlt-dialpad__strip__backspace`| Contains the backspace icon to the right of the number. This should be made to appear only when the user starts dialling, and it should be assigned the 'backspace' functionality|
|`.Vlt-dialpad__strip__number`| Wraps the number input and holds the CSS for it, including the ellipsis on the left hand side for long numbers|
|`.Vlt-dialpad__keypad`| Wraps the dialpad portion that contains the keys|
|`.Vlt-dialpad__key`| Key element, may contain a number (need to use the wrappers listed below), an icon (e.g. contact book, no need for additional classes) or the call button (needs the '--nohover' modifier to prevent the whole key from lighting on hover)|
|`.Vlt-dialpad__key__main`| Wraps the big white number of the keys|
|`.Vlt-dialpad__key__sub`| Optional element to wrap the alphabet below the numbers in a key|
|`.Vlt-dialpad__key--nohover`| Modifier for empty keys and the key holding the call button, prevents the area from lighting up on hover
</div>