@public-ui/components 1.2.0-rc.4 → 1.2.0-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (296) hide show
  1. package/cheat-sheet.html +15 -25
  2. package/custom-elements.json +8 -28
  3. package/dist/cjs/{app-globals-13416339.js → app-globals-892459a9.js} +1 -1
  4. package/dist/cjs/button-link-e8767162.js +4 -0
  5. package/dist/cjs/{controller-3d41cd37.js → controller-5a6c685c.js} +1 -1
  6. package/dist/cjs/{controller-8057d72a.js → controller-6d25ec49.js} +1 -1
  7. package/dist/cjs/{controller-9013893f.js → controller-84c27458.js} +1 -1
  8. package/dist/cjs/{controller-014d33cf.js → controller-a7703f0c.js} +1 -1
  9. package/dist/cjs/{controller-2d245df1.js → controller-c92cd125.js} +1 -1
  10. package/dist/cjs/{controller-2dd7754e.js → controller-f8511a14.js} +1 -1
  11. package/dist/cjs/{devtools-c41d1454.js → devtools-ea494488.js} +1 -1
  12. package/dist/cjs/index-d22756fa.js +4 -0
  13. package/dist/cjs/index.cjs.js +1 -1
  14. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  15. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  16. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  17. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  18. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  19. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  20. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  21. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  22. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  23. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  24. package/dist/cjs/kol-color.cjs.entry.js +1 -1
  25. package/dist/cjs/kol-counter.cjs.entry.js +1 -1
  26. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  27. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  28. package/dist/cjs/kol-heading-wc_2.cjs.entry.js +1 -1
  29. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  30. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
  31. package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
  32. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  33. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  34. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  35. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  36. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  37. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  38. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  40. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  42. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  44. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  46. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  48. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  50. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  52. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  54. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  56. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  58. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  60. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  62. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  64. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  65. package/dist/cjs/kolibri.cjs.js +1 -1
  66. package/dist/cjs/{label-1d58a5e8.js → label-76720916.js} +1 -1
  67. package/dist/cjs/loader.cjs.js +1 -1
  68. package/dist/cjs/{prop.validators-73fcc892.js → prop.validators-bd2e4a4a.js} +1 -1
  69. package/dist/cjs/{tab-index-202761a6.js → tab-index-031c097f.js} +1 -1
  70. package/dist/cjs/validation-0c9accb6.js +4 -0
  71. package/dist/cjs/{validation-6007eda5.js → validation-d071f251.js} +1 -1
  72. package/dist/components/component.js +1 -1
  73. package/dist/components/component10.js +1 -1
  74. package/dist/components/component11.js +1 -1
  75. package/dist/components/component12.js +1 -1
  76. package/dist/components/component13.js +1 -1
  77. package/dist/components/component2.js +1 -1
  78. package/dist/components/component5.js +1 -1
  79. package/dist/components/component6.js +1 -1
  80. package/dist/components/component8.js +1 -1
  81. package/dist/components/component9.js +1 -1
  82. package/dist/components/kol-abbr.js +1 -1
  83. package/dist/components/kol-accordion.js +1 -1
  84. package/dist/components/kol-breadcrumb.js +1 -1
  85. package/dist/components/kol-button-group.js +1 -1
  86. package/dist/components/kol-button-link.js +1 -1
  87. package/dist/components/kol-card.js +1 -1
  88. package/dist/components/kol-color.js +1 -1
  89. package/dist/components/kol-counter.js +1 -1
  90. package/dist/components/kol-details.js +1 -1
  91. package/dist/components/kol-heading.js +1 -1
  92. package/dist/components/kol-icon-font-awesome.js +1 -1
  93. package/dist/components/kol-icon-icofont.js +1 -1
  94. package/dist/components/kol-input-checkbox.js +1 -1
  95. package/dist/components/kol-input-color.js +1 -1
  96. package/dist/components/kol-input-date.js +1 -1
  97. package/dist/components/kol-input-email.js +1 -1
  98. package/dist/components/kol-input-file.js +1 -1
  99. package/dist/components/kol-input-password.js +1 -1
  100. package/dist/components/kol-input-range.js +1 -1
  101. package/dist/components/kol-input-text.js +1 -1
  102. package/dist/components/kol-kolibri.js +1 -1
  103. package/dist/components/kol-link-button.js +1 -1
  104. package/dist/components/kol-link-group.js +1 -1
  105. package/dist/components/kol-logo.js +1 -1
  106. package/dist/components/kol-modal.js +1 -1
  107. package/dist/components/kol-nav.js +1 -1
  108. package/dist/components/kol-progress.js +1 -1
  109. package/dist/components/kol-skip-nav.js +1 -1
  110. package/dist/components/kol-span.js +1 -1
  111. package/dist/components/kol-spin.js +1 -1
  112. package/dist/components/kol-table.js +1 -1
  113. package/dist/components/kol-tabs.js +1 -1
  114. package/dist/components/kol-textarea.js +1 -1
  115. package/dist/components/kol-toast.js +1 -1
  116. package/dist/components/kol-version.js +1 -1
  117. package/dist/components/prop.validators.js +1 -1
  118. package/dist/components/shadow.js +1 -1
  119. package/dist/components/shadow2.js +1 -1
  120. package/dist/esm/{app-globals-aa3f785d.js → app-globals-716111a0.js} +1 -1
  121. package/dist/esm/button-link-918cbf68.js +4 -0
  122. package/dist/esm/{controller-2694f7b8.js → controller-21ad86d0.js} +1 -1
  123. package/dist/esm/{controller-2dd0f2f6.js → controller-2d244fc9.js} +1 -1
  124. package/dist/esm/{controller-604cc99d.js → controller-5f23d512.js} +1 -1
  125. package/dist/esm/{controller-73986a25.js → controller-7ebac0be.js} +1 -1
  126. package/dist/esm/{controller-b11e76fa.js → controller-9484a9e9.js} +1 -1
  127. package/dist/esm/{controller-d6a2e7f1.js → controller-97a6c5fe.js} +1 -1
  128. package/dist/esm/{devtools-2bc5001b.js → devtools-93633bc4.js} +1 -1
  129. package/dist/esm/index-4c6589a3.js +4 -0
  130. package/dist/esm/index.js +1 -1
  131. package/dist/esm/kol-abbr.entry.js +1 -1
  132. package/dist/esm/kol-accordion.entry.js +1 -1
  133. package/dist/esm/kol-alert.entry.js +1 -1
  134. package/dist/esm/kol-badge.entry.js +1 -1
  135. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  136. package/dist/esm/kol-button-group.entry.js +1 -1
  137. package/dist/esm/kol-button-link.entry.js +1 -1
  138. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  139. package/dist/esm/kol-button.entry.js +1 -1
  140. package/dist/esm/kol-card.entry.js +1 -1
  141. package/dist/esm/kol-color.entry.js +1 -1
  142. package/dist/esm/kol-counter.entry.js +1 -1
  143. package/dist/esm/kol-details.entry.js +1 -1
  144. package/dist/esm/kol-form.entry.js +1 -1
  145. package/dist/esm/kol-heading-wc_2.entry.js +1 -1
  146. package/dist/esm/kol-heading.entry.js +1 -1
  147. package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
  148. package/dist/esm/kol-icon-icofont.entry.js +1 -1
  149. package/dist/esm/kol-icon.entry.js +1 -1
  150. package/dist/esm/kol-indented-text.entry.js +1 -1
  151. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  152. package/dist/esm/kol-input-color.entry.js +1 -1
  153. package/dist/esm/kol-input-date.entry.js +1 -1
  154. package/dist/esm/kol-input-email.entry.js +1 -1
  155. package/dist/esm/kol-input-file.entry.js +1 -1
  156. package/dist/esm/kol-input-number.entry.js +1 -1
  157. package/dist/esm/kol-input-password.entry.js +1 -1
  158. package/dist/esm/kol-input-radio.entry.js +1 -1
  159. package/dist/esm/kol-input-range.entry.js +1 -1
  160. package/dist/esm/kol-input-text.entry.js +1 -1
  161. package/dist/esm/kol-kolibri.entry.js +1 -1
  162. package/dist/esm/kol-link-button.entry.js +1 -1
  163. package/dist/esm/kol-link-group.entry.js +1 -1
  164. package/dist/esm/kol-link-wc.entry.js +1 -1
  165. package/dist/esm/kol-link.entry.js +1 -1
  166. package/dist/esm/kol-logo.entry.js +1 -1
  167. package/dist/esm/kol-modal.entry.js +1 -1
  168. package/dist/esm/kol-nav.entry.js +1 -1
  169. package/dist/esm/kol-pagination.entry.js +1 -1
  170. package/dist/esm/kol-progress.entry.js +1 -1
  171. package/dist/esm/kol-select.entry.js +1 -1
  172. package/dist/esm/kol-skip-nav.entry.js +1 -1
  173. package/dist/esm/kol-span.entry.js +1 -1
  174. package/dist/esm/kol-spin.entry.js +1 -1
  175. package/dist/esm/kol-symbol.entry.js +1 -1
  176. package/dist/esm/kol-table.entry.js +1 -1
  177. package/dist/esm/kol-tabs.entry.js +1 -1
  178. package/dist/esm/kol-textarea.entry.js +1 -1
  179. package/dist/esm/kol-toast.entry.js +1 -1
  180. package/dist/esm/kol-tooltip.entry.js +1 -1
  181. package/dist/esm/kol-version.entry.js +1 -1
  182. package/dist/esm/kolibri.js +1 -1
  183. package/dist/esm/{label-99306a0b.js → label-a48b8173.js} +1 -1
  184. package/dist/esm/loader.js +1 -1
  185. package/dist/esm/{prop.validators-1e245c43.js → prop.validators-02548c12.js} +1 -1
  186. package/dist/esm/{tab-index-6bfa5761.js → tab-index-fc1e2f6f.js} +1 -1
  187. package/dist/esm/{validation-02177d65.js → validation-faecaf7f.js} +1 -1
  188. package/dist/esm/{validation-32c9a09b.js → validation-ffa05493.js} +1 -1
  189. package/dist/kolibri/{app-globals-aa3f785d.js → app-globals-716111a0.js} +1 -1
  190. package/dist/kolibri/assets/icofont/demo.html +1 -1
  191. package/dist/kolibri/button-link-918cbf68.js +4 -0
  192. package/dist/kolibri/{controller-2694f7b8.js → controller-21ad86d0.js} +1 -1
  193. package/dist/kolibri/{controller-2dd0f2f6.js → controller-2d244fc9.js} +1 -1
  194. package/dist/kolibri/{controller-604cc99d.js → controller-5f23d512.js} +1 -1
  195. package/dist/kolibri/{controller-73986a25.js → controller-7ebac0be.js} +1 -1
  196. package/dist/kolibri/{controller-b11e76fa.js → controller-9484a9e9.js} +1 -1
  197. package/dist/kolibri/{controller-d6a2e7f1.js → controller-97a6c5fe.js} +1 -1
  198. package/dist/kolibri/{devtools-2bc5001b.js → devtools-93633bc4.js} +1 -1
  199. package/dist/kolibri/index-4c6589a3.js +4 -0
  200. package/dist/kolibri/index.esm.js +1 -1
  201. package/dist/kolibri/kol-abbr.entry.js +1 -1
  202. package/dist/kolibri/kol-accordion.entry.js +1 -1
  203. package/dist/kolibri/kol-alert.entry.js +1 -1
  204. package/dist/kolibri/kol-badge.entry.js +1 -1
  205. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  206. package/dist/kolibri/kol-button-group.entry.js +1 -1
  207. package/dist/kolibri/kol-button-link.entry.js +1 -1
  208. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  209. package/dist/kolibri/kol-button.entry.js +1 -1
  210. package/dist/kolibri/kol-card.entry.js +1 -1
  211. package/dist/kolibri/kol-color.entry.js +1 -1
  212. package/dist/kolibri/kol-counter.entry.js +1 -1
  213. package/dist/kolibri/kol-details.entry.js +1 -1
  214. package/dist/kolibri/kol-form.entry.js +1 -1
  215. package/dist/kolibri/kol-heading-wc_2.entry.js +1 -1
  216. package/dist/kolibri/kol-heading.entry.js +1 -1
  217. package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
  218. package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
  219. package/dist/kolibri/kol-icon.entry.js +1 -1
  220. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  221. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  222. package/dist/kolibri/kol-input-color.entry.js +1 -1
  223. package/dist/kolibri/kol-input-date.entry.js +1 -1
  224. package/dist/kolibri/kol-input-email.entry.js +1 -1
  225. package/dist/kolibri/kol-input-file.entry.js +1 -1
  226. package/dist/kolibri/kol-input-number.entry.js +1 -1
  227. package/dist/kolibri/kol-input-password.entry.js +1 -1
  228. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  229. package/dist/kolibri/kol-input-range.entry.js +1 -1
  230. package/dist/kolibri/kol-input-text.entry.js +1 -1
  231. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  232. package/dist/kolibri/kol-link-button.entry.js +1 -1
  233. package/dist/kolibri/kol-link-group.entry.js +1 -1
  234. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  235. package/dist/kolibri/kol-link.entry.js +1 -1
  236. package/dist/kolibri/kol-logo.entry.js +1 -1
  237. package/dist/kolibri/kol-modal.entry.js +1 -1
  238. package/dist/kolibri/kol-nav.entry.js +1 -1
  239. package/dist/kolibri/kol-pagination.entry.js +1 -1
  240. package/dist/kolibri/kol-progress.entry.js +1 -1
  241. package/dist/kolibri/kol-select.entry.js +1 -1
  242. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  243. package/dist/kolibri/kol-span.entry.js +1 -1
  244. package/dist/kolibri/kol-spin.entry.js +1 -1
  245. package/dist/kolibri/kol-symbol.entry.js +1 -1
  246. package/dist/kolibri/kol-table.entry.js +1 -1
  247. package/dist/kolibri/kol-tabs.entry.js +1 -1
  248. package/dist/kolibri/kol-textarea.entry.js +1 -1
  249. package/dist/kolibri/kol-toast.entry.js +1 -1
  250. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  251. package/dist/kolibri/kol-version.entry.js +1 -1
  252. package/dist/kolibri/kolibri.esm.js +1 -1
  253. package/dist/kolibri/{label-99306a0b.js → label-a48b8173.js} +1 -1
  254. package/dist/kolibri/{prop.validators-1e245c43.js → prop.validators-02548c12.js} +1 -1
  255. package/dist/kolibri/{tab-index-6bfa5761.js → tab-index-fc1e2f6f.js} +1 -1
  256. package/dist/kolibri/{validation-02177d65.js → validation-faecaf7f.js} +1 -1
  257. package/dist/kolibri/{validation-32c9a09b.js → validation-ffa05493.js} +1 -1
  258. package/dist/types/components/abbr/component.d.ts +4 -4
  259. package/dist/types/components/badge/component.d.ts +2 -1
  260. package/dist/types/components/button/component.d.ts +4 -4
  261. package/dist/types/components/button/shadow.d.ts +3 -3
  262. package/dist/types/components/button-link/component.d.ts +2 -2
  263. package/dist/types/components/link/component.d.ts +4 -10
  264. package/dist/types/components/link/shadow.d.ts +4 -7
  265. package/dist/types/components/link-button/component.d.ts +2 -2
  266. package/dist/types/components/pagination/component.d.ts +5 -5
  267. package/dist/types/components/tooltip/component.d.ts +4 -4
  268. package/dist/types/components.d.ts +24 -84
  269. package/dist/types/types/button-link.d.ts +6 -12
  270. package/dist/types/types/icon.d.ts +0 -1
  271. package/dist/types/utils/validators/icon.d.ts +2 -1
  272. package/doc/badge.md +2 -2
  273. package/doc/button.md +1 -1
  274. package/doc/icon-font-awesome.md +1 -1
  275. package/doc/icon-icofont.md +1 -1
  276. package/doc/input-color.md +18 -18
  277. package/doc/input-date.md +24 -24
  278. package/doc/input-email.md +25 -25
  279. package/doc/input-file.md +19 -19
  280. package/doc/input-number.md +25 -25
  281. package/doc/input-password.md +23 -23
  282. package/doc/input-text.md +25 -25
  283. package/doc/link.md +22 -25
  284. package/doc/select.md +20 -20
  285. package/doc/table.md +7 -7
  286. package/doc/tabs.md +1 -1
  287. package/jest-test-results.json +1 -1
  288. package/package.json +1 -1
  289. package/vscode-custom-data.json +82 -76
  290. package/dist/cjs/button-link-340ecb5a.js +0 -4
  291. package/dist/cjs/index-d04ab8f3.js +0 -4
  292. package/dist/cjs/validation-538a8883.js +0 -4
  293. package/dist/esm/button-link-ea9737b4.js +0 -4
  294. package/dist/esm/index-1d3802fa.js +0 -4
  295. package/dist/kolibri/button-link-ea9737b4.js +0 -4
  296. package/dist/kolibri/index-1d3802fa.js +0 -4
@@ -63,31 +63,31 @@ Die Icons in der Komponente sind per Tab-Taste nicht erreichbar. Die Auswahlhilf
63
63
 
64
64
  ## Properties
65
65
 
66
- | Property | Attribute | Description | Type | Default |
67
- | ------------------ | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
68
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
69
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
70
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
71
- | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
72
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
73
- | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
74
- | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
75
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
76
- | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
77
- | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
78
- | `_max` | `_max` | Gibt den größtmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
79
- | `_min` | `_min` | Gibt den kleinstmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
80
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
81
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
82
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
83
- | `_readOnly` | `_read-only` | Gibt an, ob das Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
84
- | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
85
- | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: TooltipAlignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
86
- | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an | `number \| undefined` | `undefined` |
87
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
88
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
89
- | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Gibt an, ob es ein DateTime-, Date-, Month-, Week-, Time-, DateTime-Local-, Number-Eingabefeld ist. | `"date" \| "datetime-local" \| "month" \| "number" \| "time" \| "week" \| undefined` | `'number'` |
90
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
66
+ | Property | Attribute | Description | Type | Default |
67
+ | ------------------ | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
68
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
69
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
70
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
71
+ | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
72
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
73
+ | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
74
+ | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
75
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
76
+ | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
77
+ | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
78
+ | `_max` | `_max` | Gibt den größtmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
79
+ | `_min` | `_min` | Gibt den kleinstmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
80
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
81
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
82
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
83
+ | `_readOnly` | `_read-only` | Gibt an, ob das Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
84
+ | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
85
+ | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
86
+ | `_step` | `_step` | Gibt die Schrittweite der Wertveränderung an | `number \| undefined` | `undefined` |
87
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
88
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
89
+ | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Gibt an, ob es ein DateTime-, Date-, Month-, Week-, Time-, DateTime-Local-, Number-Eingabefeld ist. | `"date" \| "datetime-local" \| "month" \| "number" \| "time" \| "week" \| undefined` | `'number'` |
90
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
91
91
 
92
92
 
93
93
  ## Dependencies
@@ -41,29 +41,29 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
41
41
 
42
42
  ## Properties
43
43
 
44
- | Property | Attribute | Description | Type | Default |
45
- | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
46
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
47
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
48
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
49
- | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
50
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
51
- | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
52
- | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
53
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
54
- | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
55
- | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
56
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
57
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
58
- | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
59
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
60
- | `_readOnly` | `_read-only` | Gibt an, ob die Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
61
- | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
62
- | `_size` | `_size` | Gibt an, wie viele Zeichen man eingeben kann. | `number \| undefined` | `undefined` |
63
- | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: TooltipAlignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
64
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
65
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
66
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
44
+ | Property | Attribute | Description | Type | Default |
45
+ | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
46
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
47
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
48
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
49
+ | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
50
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
51
+ | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
52
+ | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
53
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
54
+ | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
55
+ | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
56
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
57
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
58
+ | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
59
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
60
+ | `_readOnly` | `_read-only` | Gibt an, ob die Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
61
+ | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
62
+ | `_size` | `_size` | Gibt an, wie viele Zeichen man eingeben kann. | `number \| undefined` | `undefined` |
63
+ | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
64
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
65
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
66
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
67
67
 
68
68
 
69
69
  ## Dependencies
package/doc/input-text.md CHANGED
@@ -47,31 +47,31 @@ Texteingabe
47
47
 
48
48
  ## Properties
49
49
 
50
- | Property | Attribute | Description | Type | Default |
51
- | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
52
- | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
53
- | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
54
- | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
55
- | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
56
- | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
57
- | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
58
- | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
59
- | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
60
- | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
61
- | `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string \| string[] \| undefined` | `undefined` |
62
- | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
63
- | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
64
- | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
65
- | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
66
- | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
67
- | `_readOnly` | `_read-only` | Gibt an, ob die Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
68
- | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
69
- | `_size` | `_size` | Gibt an, wie viele Zeichen man eingeben kann. | `number \| undefined` | `undefined` |
70
- | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: TooltipAlignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
71
- | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
72
- | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
73
- | `_type` | `_type` | Gibt an, ob es ein Text-, Suche-, URL- oder Telefon-Eingabefeld ist. | `"search" \| "tel" \| "text" \| "url" \| undefined` | `'text'` |
74
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
50
+ | Property | Attribute | Description | Type | Default |
51
+ | ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
52
+ | `_accessKey` | `_access-key` | Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann. | `string \| undefined` | `undefined` |
53
+ | `_alert` | `_alert` | Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt. | `boolean \| undefined` | `true` |
54
+ | `_autoComplete` | `_auto-complete` | Gibt an, ob das Eingabefeld autovervollständigt werden kann. | `"off" \| "on" \| undefined` | `undefined` |
55
+ | `_disabled` | `_disabled` | Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist. | `boolean \| undefined` | `undefined` |
56
+ | `_error` | `_error` | Gibt den Text für eine Fehlermeldung an. | `string \| undefined` | `undefined` |
57
+ | `_hideLabel` | `_hide-label` | Gibt an, ob das Eingabefeld kein sichtbares Label haben soll. | `boolean \| undefined` | `undefined` |
58
+ | `_hint` | `_hint` | Gibt den Text für eine Hinweistext an. | `string \| undefined` | `''` |
59
+ | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
60
+ | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
61
+ | `_list` | `_list` | Gibt die Liste der Vorschlagswörter an. | `string \| string[] \| undefined` | `undefined` |
62
+ | `_maxLength` | `_max-length` | Gibt an, wie viele Zeichen man maximal eingeben kann. | `number \| undefined` | `undefined` |
63
+ | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
64
+ | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
65
+ | `_pattern` | `_pattern` | Gibt ein Prüfpattern für das Eingabefeld an. | `string \| undefined` | `undefined` |
66
+ | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
67
+ | `_readOnly` | `_read-only` | Gibt an, ob die Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
68
+ | `_required` | `_required` | Gibt an, ob das Eingabefeld ein Pflichtfeld ist. | `boolean \| undefined` | `undefined` |
69
+ | `_size` | `_size` | Gibt an, wie viele Zeichen man eingeben kann. | `number \| undefined` | `undefined` |
70
+ | `_smartButton` | -- | Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only). | `undefined \| { _label: string; } & { _ariaControls?: string \| undefined; _ariaCurrent?: AriaCurrent \| undefined; _ariaExpanded?: boolean \| undefined; _ariaLabel?: string \| undefined; _ariaSelected?: boolean \| undefined; _disabled?: boolean \| undefined; _icon?: Stringified<KoliBriIconProp> \| undefined; _iconAlign?: Alignment \| undefined; _iconOnly?: boolean \| undefined; _role?: "tab" \| undefined; _tabIndex?: number \| undefined; _tooltipAlign?: Alignment \| undefined; _accessKey?: string \| undefined; _id?: string \| undefined; _on?: KoliBriButtonCallbacks<unknown> \| undefined; _type?: KoliBriButtonType \| undefined; _value?: unknown; _customClass?: string \| undefined; _variant?: KoliBriButtonVariant \| undefined; }` | `undefined` |
71
+ | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
72
+ | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
73
+ | `_type` | `_type` | Gibt an, ob es ein Text-, Suche-, URL- oder Telefon-Eingabefeld ist. | `"search" \| "tel" \| "text" \| "url" \| undefined` | `'text'` |
74
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
75
75
 
76
76
 
77
77
  ## Dependencies