diff --git a/packages/components/src/togglebutton.tsx b/packages/components/src/togglebutton.tsx
new file mode 100644
index 00000000..06cdb29f
--- /dev/null
+++ b/packages/components/src/togglebutton.tsx
@@ -0,0 +1,6 @@
+import { ToggleButton as MuiToggleButton, ToggleButtonProps } from '@mui/material';
+import React from 'react';
+
+export function ToggleButton(props: ToggleButtonProps) {
+  return <MuiToggleButton {...props} />;
+}
diff --git a/packages/components/src/togglebuttongroup.tsx b/packages/components/src/togglebuttongroup.tsx
new file mode 100644
index 00000000..45ffba15
--- /dev/null
+++ b/packages/components/src/togglebuttongroup.tsx
@@ -0,0 +1,6 @@
+import { ToggleButtonGroup as MuiToggleButtonGroup, ToggleButtonGroupProps } from '@mui/material';
+import React from 'react';
+
+export function ToggleButtonGroup(props: ToggleButtonGroupProps) {
+  return <MuiToggleButtonGroup {...props} />;
+}