From e38b5fbfd36d1c36b23f6f5fcae797854d51b09d Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Fri, 31 Mar 2023 11:15:48 -0500 Subject: [PATCH] Toggle: add size prop --- app/soapbox/components/ui/toggle/toggle.tsx | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/app/soapbox/components/ui/toggle/toggle.tsx b/app/soapbox/components/ui/toggle/toggle.tsx index 27334b1df..822dae28d 100644 --- a/app/soapbox/components/ui/toggle/toggle.tsx +++ b/app/soapbox/components/ui/toggle/toggle.tsx @@ -2,11 +2,11 @@ import clsx from 'clsx'; import React, { useRef } from 'react'; interface IToggle extends Pick, 'id' | 'checked' | 'onChange' | 'required'> { - + size?: 'sm' | 'md' } /** A glorified checkbox. Wrapper around react-toggle. */ -const Toggle: React.FC = ({ id, checked, onChange, required }) => { +const Toggle: React.FC = ({ id, size = 'md', checked, onChange, required }) => { const input = useRef(null); const handleClick: React.MouseEventHandler = (e) => { @@ -17,10 +17,19 @@ const Toggle: React.FC = ({ id, checked, onChange, required }) => { return (