feat(button): added commandfor and command attributes

Author: mfranzke

packages/components/src/components/button/button.lite.tsx

@@ -51,6 +51,8 @@ export default function DBButton(props: DBButtonProps) {
 			aria-describedby={props.describedbyid}
 			aria-expanded={props.ariaexpanded}
 			aria-pressed={props.ariapressed}
+			commandfor={props.commandfor}
+			command={props.command}
 			onClick={(event: ClickEvent<HTMLButtonElement>) =>
 				state.handleClick(event)
 			}>

packages/components/src/components/button/model.ts

@@ -79,6 +79,16 @@ export type DBButtonDefaultProps = {
 	 * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.
 	 */
 	variant?: ButtonVariantType | string;
+
+	/**
+	 * Either standardized or custom actions to be performed on an element that is being controlled by a control <button>, specified via the commandfor attribute. (https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#commandfor)
+	 */
+	commandfor?: string;
+
+	/**
+	 * Turns a <button> HTML element into a command button, controlling the given interactive element; takes the ID of the element to control as its value. (https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#command)
+	 */
+	command?: string;
 };
 
 export type DBButtonProps = DBButtonDefaultProps &