diff --git a/site/src/components/StackLabel/StackLabel.tsx b/site/src/components/StackLabel/StackLabel.tsx new file mode 100644 index 0000000000000..dd6ae1760f898 --- /dev/null +++ b/site/src/components/StackLabel/StackLabel.tsx @@ -0,0 +1,31 @@ +import FormHelperText, { + type FormHelperTextProps, +} from "@mui/material/FormHelperText"; +import type { ComponentProps, FC } from "react"; +import { Stack } from "components/Stack/Stack"; + +/** + * Use these components as the label in FormControlLabel when implementing radio + * buttons, checkboxes, or switches to ensure proper styling. + */ + +export const StackLabel: FC> = (props) => { + return ( + + ); +}; + +export const StackLabelHelperText: FC = (props) => { + return ( + + ); +}; diff --git a/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleAutostart.tsx b/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleAutostart.tsx index 697aab9c377a5..50685562ab07f 100644 --- a/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleAutostart.tsx +++ b/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleAutostart.tsx @@ -21,12 +21,7 @@ export const TemplateScheduleAutostart: FC = ({ onChange, }) => { return ( - + = ({ }[] ).map((day) => (