<diamond-form-group>
  <label for="my-money-input">
    My Money Input
  </label>
  <diamond-input class="money-input">
    <span>£</span>
    <input
      type="text"
      id="my-money-input"
      name="cost"
      inputmode="decimal"
      placeholder="0.00"
    />
  </diamond-input>
</diamond-form-group>
@import url(https://cdn.jsdelivr.net/npm/@etchteam/diamond-ui@1.37.0/diamond-ui.css);

body {
  padding: var(--diamond-spacing-lg);
}

.money-input {
  inline-size: 10ch;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.