`kbd` within `EuiText`

text.js

import React from 'react';

import { EuiText, EuiSpacer, EuiTextColor } from '../../../../src/components';

export default () => (
  <div>
    <EuiText grow={false} size="xs">
      <h3>
        <EuiTextColor color="accent">xs</EuiTextColor>
      </h3>

      <p>
        Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).
      </p>

      <p>
        Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).
      </p>
    </EuiText>

    <EuiSpacer />

    <EuiText grow={false} size="s">
      <h3>
        <EuiTextColor color="accent">s</EuiTextColor>
      </h3>

      <p>
        Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).
      </p>

      <p>
        Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).
      </p>
    </EuiText>

    <EuiSpacer />

    <EuiText grow={false} size="m">
      <h3>
        <EuiTextColor color="accent">m</EuiTextColor>
      </h3>

      <p>
        Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).
      </p>

      <p>
        Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).
      </p>
    </EuiText>

    <EuiSpacer />

    <EuiText grow={false} size="relative" style={{ fontSize: '24px' }}>
      <h3>
        <EuiTextColor color="accent">relative 24px</EuiTextColor>
      </h3>

      <p>
        Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).
      </p>

      <p>
        Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).
      </p>
    </EuiText>

    <EuiSpacer />

    <EuiText grow={false} size="xs">
      <h3>
        <EuiTextColor color="accent">xs</EuiTextColor>
      </h3>

      <p>
        <kbd>shift</kbd>
      </p>
    </EuiText>

    <EuiSpacer />

    <EuiText grow={false} size="s">
      <h3>
        <EuiTextColor color="accent">s</EuiTextColor>
      </h3>

      <p>
        <kbd>shift</kbd>
      </p>
    </EuiText>

    <EuiSpacer />

    <EuiText grow={false} size="m">
      <h3>
        <EuiTextColor color="accent">m</EuiTextColor>
      </h3>

      <p>
        <kbd>shift</kbd>
      </p>
    </EuiText>
  </div>
);