<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.