2026-10-23 14:31:45 +02:00
parent 4a81288194
commit 4036beca67
1237 changed files with 120735 additions and 10 deletions
@@ -0,0 +1,31 @@
+import InputPrice from './components/inputs/InputPrice';
+
+function App(props) {
+  // const { } = props;
+
+  return (
+    <div className="container py-5">
+      <InputPrice />
+      <hr />
+      <div className="alert alert-primary">
+        <h2>Übung 14: InputPrice Komponente erweitern</h2>
+        <p>
+          Nachdem wir die <strong>InputAmount</strong>-Komponente erweitert haben, wollen wir nun die{' '}
+          <strong>InputPrice</strong>-Komponente erweitern.
+        </p>
+        <p>
+          Erweitere die <strong>InputPrice</strong>-Komponente, sodass der Wert des Eingabefelds auf eine Dezimalzahl
+          mit maximal zwei Nachkommastellen begrenzt ist. Wenn der Benutzer versucht, eine ungültige Eingabe zu machen,
+          soll das Eingabefeld rot umrandet werden.
+        </p>
+        <p>
+          <strong>Hinweis:</strong> Du kannst das <strong>style</strong>-Attribut verwenden, um das Aussehen eines
+          Elements zu ändern. Hier ist ein Beispiel, wie du das <strong>style</strong>-Attribut verwenden kannst.
+          Alternativ kannst du die Bootstrap-Klasse <strong>is-invalid</strong> verwenden, um das Eingabefeld rot zu
+          umranden.
+        </p>
+      </div>
+    </div>
+  );
+}
+export default App;