In this section, we'll describe a few of the simpler components, or widgets if you prefer that term. Then we'll move on to more complex components. This section will also demonstrate the use of the common color, size, and radius classes.
These components may or may not be standalone components on Foundation's download page. If not, they can be found inside a component that is present.
The HTML <kbd>
element is intended for representing user input—keystrokes. Foundation adds some custom styles to this element and adds a keystroke
class that can be applied to any inline element to get the same effect.
Each of these will have the same effect:
<p>Press <kbd>Enter</kbd> to continue ...</p> <p>Press <span class="keystroke">Enter</span> to continue ...</p>
If you look closely, you'll see that the word Enter is highlighted and displayed in a monospace font: