Übung 10: InputPrice Komponente

Eine weitere häufig verwendete Komponente ist ein Input-Feld für Preise. Erstelle eine neue Komponente namens InputPrice, die ein Eingabefeld für Preise mit einer Währungseinheit anzeigt.

Dabei soll die Währungseinheit über eine Prop konfigurierbar sein, sodass die Komponente für verschiedene Währungen verwendet werden kann. Es sollen die folgenden Anforderungen erfüllt werden:

• Das Eingabefeld soll nur Zahlen und Dezimalpunkte zulassen.
• Die Währung soll über die Prop currency eingestellt werden können und standardmäßig $ sein.
• Die Währungseinheiten $, € und ¥ sollen unterstützt werden.
• Bei der Währung $ soll die Währungseinheit links vom Eingabefeld angezeigt werden, bei den Währungen € und ¥ rechts vom Eingabefeld.
• Für die linke oder rechte Positionierung der Währungseinheit soll die Bootstrap-Klasse input-group-text verwendet werden.