feat(html): add gap prop to grid/stack layout

telerik · Feb 26, 2025 · d3c00b6 · d3c00b6
1 parent e841457
commit d3c00b6
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/html/src/layout/layout.spec.tsx b/packages/html/src/layout/layout.spec.tsx
@@ -5,6 +5,7 @@ const states = [];
 const options = {};
 
 export type KendoLayoutProps = {
+    gap?: string;
     type?: null | 'stack' | 'flex' | 'grid';
     orientation?: null | 'horizontal' | 'vertical';
     alignItems?: null | 'start' | 'center' | 'end' | 'stretch';
@@ -27,18 +28,21 @@ export const Layout = (
         React.HTMLAttributes<HTMLDivElement>
 ) => {
     const {
+        gap,
         type = defaultOptions.type,
         orientation = defaultOptions.orientation,
         alignItems = defaultOptions.alignItems,
         justifyContent = defaultOptions.justifyContent,
         justifyItems = defaultOptions.justifyItems,
         wrap = defaultOptions.wrap,
+        style,
         ...other
     } = props;
 
     return (
         <div
             {...other}
+            style={{ gap: gap, ...style }}
             className={classNames(
                 props.className,
                 {