@@ -17,6 +17,7 @@ const App = () => {
1717
1818 const onSubmit = ( event : any ) => {
1919 event . preventDefault ( ) ;
20+ // eslint-disable-next-line no-console
2021 console . log ( 'Submit Form' , event ) ;
2122 } ;
2223
@@ -62,53 +63,37 @@ const App = () => {
6263 gap : '1rem' ,
6364 margin : '1rem 0'
6465 } } >
65- < section className = "db-ui-expressive" >
66+ < form className = "db-ui-expressive" onSubmit = { onSubmit } >
6667 < DBInput
6768 description = "Das ist die Beschreibung"
6869 label = "Startbahnhof eingeben"
6970 placeholder = "irgendein Text"
7071 iconBefore = "edit"
7172 variant = "error"
7273 value = "hello"
74+ name = "testInput"
7375 />
7476
75- < div
76- style = { {
77- display : 'flex' ,
78- gap : '1rem' ,
79- margin : '1rem 0'
80- } } >
81- < form className = "db-ui-expressive" onSubmit = { onSubmit } >
82- < DBInput
83- description = "Das ist die Beschreibung"
84- label = "Startbahnhof eingeben"
85- placeholder = "irgendein Text"
86- iconBefore = "edit"
87- variant = "error"
88- value = "hello"
89- name = "testInput"
90- />
77+ < DBInput
78+ description = "Valid test"
79+ label = "Mit Event"
80+ placeholder = "irgendein Text"
81+ iconBefore = "edit"
82+ iconAfter = "heart"
83+ variant = "warning"
84+ id = "input-expr-warning"
85+ required = { true }
86+ />
87+ < DBInput
88+ label = "Startdatum"
89+ placeholder = "irgendein Text"
90+ type = "datetime-local"
91+ id = "input-expr-date"
92+ />
93+ < DBButton variant = "secondary" > Test</ DBButton >
94+ </ form >
9195
92- < DBInput
93- description = "Valid test"
94- label = "Mit Event"
95- placeholder = "irgendein Text"
96- iconBefore = "edit"
97- iconAfter = "heart"
98- variant = "warning"
99- id = "input-expr-warning"
100- required = { true }
101- />
102- < DBInput
103- label = "Startdatum"
104- placeholder = "irgendein Text"
105- type = "datetime-local"
106- id = "input-expr-date"
107- />
108- < DBButton variant = "secondary" > Test</ DBButton >
109- </ form >
110-
111- < section className = "db-ui-regular" >
96+ < section className = "db-ui-regular" >
11297 < DBInput
11398 label = "Startbahnhof eingeben"
11499 placeholder = "irgendein Text"
0 commit comments