background prop for sheet

grand-hawk · Aug 23, 2024 · 009bd42 · 009bd42
1 parent 1fa035b
commit 009bd42
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@grand-hawk/ui-components",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "keywords": [
     "roblox-ts",
     "react",

diff --git a/src/components/Sheet/index.tsx b/src/components/Sheet/index.tsx
@@ -6,10 +6,17 @@ import { useTheme } from 'components/ThemeProvider';
 import type { PropsWithChildren } from '@rbxts/react';
 import type { BoxProps } from 'components/Box';
 
-export interface SheetProps extends BoxProps {}
+export interface SheetProps extends BoxProps {
+  Background?: boolean;
+}
 
-export function Sheet(props: PropsWithChildren<SheetProps>) {
+export function Sheet(componentProps: PropsWithChildren<SheetProps>) {
   const theme = useTheme();
 
-  return <Box BackgroundColor3={theme.overlay} {...props} />;
+  const props = componentProps;
+
+  const background = props.Background ? theme.background : theme.overlay;
+  props.Background = undefined;
+
+  return <Box BackgroundColor3={background} {...props} />;
 }