chore: add id as prop to jaunty label for accessibility purposes

oaknational · Dec 11, 2024 · b0dc56f · b0dc56f
1 parent 0bc5ae6
commit b0dc56f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/molecules/OakJauntyAngleLabel/OakJauntyAngleLabel.tsx b/src/components/molecules/OakJauntyAngleLabel/OakJauntyAngleLabel.tsx
@@ -4,11 +4,13 @@ import { OakBox, OakBoxProps } from "@/components/atoms";
 
 export type OakJauntyAngleLabelProps = {
   label: string;
+  id?: string;
 } & Omit<OakBoxProps, "onClick" | "label">;
 export const OakJauntyAngleLabel = (props: OakJauntyAngleLabelProps) => {
-  const { label, ...oakBoxProps } = props;
+  const { label, id, ...oakBoxProps } = props;
   return (
     <OakBox
+      id={id}
       $borderRadius={"border-radius-m"}
       $ph={"inner-padding-xs"}
       $pv={"inner-padding-ssx"}