diff --git a/docs/30-components/input-checkbox.mdx b/docs/30-components/input-checkbox.mdx index a784bd269f..20f7ab623c 100644 --- a/docs/30-components/input-checkbox.mdx +++ b/docs/30-components/input-checkbox.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-checkbox/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # Checkbox @@ -83,6 +84,10 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread +## Verwendung _msg + + + ## Live-Editor diff --git a/docs/30-components/input-color.mdx b/docs/30-components/input-color.mdx index 3c2b826b0b..b8c9194f8a 100644 --- a/docs/30-components/input-color.mdx +++ b/docs/30-components/input-color.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-color/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputColor @@ -72,6 +73,10 @@ Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgef +## Verwendung _msg + + + ## Live-Editor diff --git a/docs/30-components/input-date.mdx b/docs/30-components/input-date.mdx index 5443145759..709e971985 100644 --- a/docs/30-components/input-date.mdx +++ b/docs/30-components/input-date.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-date/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputDate @@ -127,6 +128,10 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat +## Verwendung _msg + + + ## Live-Editor diff --git a/docs/30-components/input-email.mdx b/docs/30-components/input-email.mdx index f54066ea02..800b0828f3 100644 --- a/docs/30-components/input-email.mdx +++ b/docs/30-components/input-email.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-email/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputEmail @@ -122,6 +123,10 @@ Mit den drei Attributen `_max-length`, `_max-length-behavior` und `_has-counter` +## Verwendung _msg + + + ## Live-Editor diff --git a/docs/30-components/input-file.mdx b/docs/30-components/input-file.mdx index 1877658773..55d62e86ae 100644 --- a/docs/30-components/input-file.mdx +++ b/docs/30-components/input-file.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-file/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputFile @@ -68,6 +69,10 @@ Mögliche Werte und weitere Informationen erhalten Sie im ## Live-Editor diff --git a/docs/30-components/input-number.mdx b/docs/30-components/input-number.mdx index 3c75499e92..2d4ff1c9f8 100644 --- a/docs/30-components/input-number.mdx +++ b/docs/30-components/input-number.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-number/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputNumber @@ -60,6 +61,10 @@ Zur Behandlung von Events bzw. Callbacks siehe ## Live-Editor diff --git a/docs/30-components/input-password.mdx b/docs/30-components/input-password.mdx index b5671ce392..5c9e5105da 100644 --- a/docs/30-components/input-password.mdx +++ b/docs/30-components/input-password.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-password/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputPassword @@ -114,6 +115,10 @@ Mit den drei Attributen `_max-length`, `_max-length-behavior` und `_has-counter` +## Verwendung _msg + + + ## Live-Editor diff --git a/docs/30-components/input-radio.mdx b/docs/30-components/input-radio.mdx index 3e729f5551..f3f024f8c2 100644 --- a/docs/30-components/input-radio.mdx +++ b/docs/30-components/input-radio.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-radio/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputRadio @@ -101,6 +102,10 @@ Zur Behandlung von Events bzw. Callbacks siehe ## Live-Editor diff --git a/docs/30-components/input-range.mdx b/docs/30-components/input-range.mdx index b4d9bc87be..8ad179f7fa 100644 --- a/docs/30-components/input-range.mdx +++ b/docs/30-components/input-range.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-range/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputRange @@ -77,6 +78,10 @@ Zur Behandlung von Events bzw. Callbacks siehe ## Live-Editor diff --git a/docs/30-components/input-text.mdx b/docs/30-components/input-text.mdx index dc27eb5a79..536ab7ca47 100644 --- a/docs/30-components/input-text.mdx +++ b/docs/30-components/input-text.mdx @@ -12,6 +12,7 @@ import Readme from '../../readmes/input-text/readme.md'; import { Configurator } from '@site/src/components/Configurator'; import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact'; import { ExampleLink } from '@site/src/components/ExampleLink'; +import { PropertyMsgUsage } from '@site/src/components/PropertyMsgUsage'; # InputText @@ -138,6 +139,10 @@ Mit den drei Attributen `_max-length`, `_max-length-behavior` und `_has-counter` +## Verwendung _msg + + + ## Live-Editor diff --git a/i18n/de/code.json b/i18n/de/code.json index a74a8f5fab..5a04afb017 100644 --- a/i18n/de/code.json +++ b/i18n/de/code.json @@ -362,5 +362,32 @@ }, "feedback.information": { "message": "Ihre Meinung ist uns wichtig! Gemeinsam mit Ihnen möchten wir KoliBri stetig verbessern. Teilen Sie uns Ihre Ideen, Wünsche oder Anregungen mit – schnell und unkompliziert." - } + }, + "property.msg.usage": { + "message": "Verwendung _msg" + }, + "property.msg.case": { + "message": "Fall" + }, + "property.msg.value": { + "message": "_msg-Wert" + }, + "property.msg.case.no.msg": { + "message": "Keine Message" + }, + "property.msg.value.undefined": { + "message": "undefined" + }, + "property.msg.case.standard": { + "message": "\"Standard\"-Fehlermeldung" + }, + "property.msg.value.string": { + "message": "string" + }, + "property.msg.case.message": { + "message": "Meldung" + }, + "property.msg.value.message": { + "message": "{_type: 'success', _description: 'Erfolgs-Meldung'}" + } } diff --git a/i18n/en/code.json b/i18n/en/code.json index c3d502c2c0..f1cb477de6 100644 --- a/i18n/en/code.json +++ b/i18n/en/code.json @@ -362,5 +362,32 @@ }, "feedback.information": { "message": "Your opinion matters! Together with you, we want to continuously improve KoliBri. Share your ideas, wishes, or suggestions—quickly and easily." + }, + "property.msg.usage": { + "message": "Usage _msg" + }, + "property.msg.case": { + "message": "Case" + }, + "property.msg.value": { + "message": "_msg-Value" + }, + "property.msg.case.no.msg": { + "message": "No message" + }, + "property.msg.value.undefined": { + "message": "undefined" + }, + "property.msg.case.standard": { + "message": "Default error message" + }, + "property.msg.value.string": { + "message": "string" + }, + "property.msg.case.message": { + "message": "Message" + }, + "property.msg.value.message": { + "message": "{_type: 'success', _description: 'Success message'}" } } diff --git a/src/components/PropertyMsgUsage.tsx b/src/components/PropertyMsgUsage.tsx new file mode 100644 index 0000000000..2588f1e298 --- /dev/null +++ b/src/components/PropertyMsgUsage.tsx @@ -0,0 +1,78 @@ +import type { FC } from 'react'; +import React from 'react'; +import { translate } from '@docusaurus/Translate'; + +export const PropertyMsgUsage: FC = () => { + return ( + <> + + + + + + + + + + + + + + + + + + + + + +
+ {translate({ + id: 'property.msg.case', + message: 'Fall', + })} + + {translate({ + id: 'property.msg.value', + message: '_msg-Wert', + })} +
+ {translate({ + id: 'property.msg.case.no.msg', + message: 'Keine Message', + })} + + + {translate({ + id: 'property.msg.value.undefined', + message: 'undefined', + })} + +
+ {translate({ + id: 'property.msg.case.standard', + message: 'Standard-Fehlermeldung', + })} + + + {translate({ + id: 'property.msg.value.string', + message: 'string', + })} + +
+ {translate({ + id: 'property.msg.case.message', + message: 'Meldung', + })} + + + {translate({ + id: 'property.msg.value.message', + message: '{_type: success, _description: Success message}', + })} + +
+ + ); +};