@bonprix-ds/react-grid 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare type ColumnSpan = Span | 0;
+
+declare const Grid: FC<GridProps> & {
+    Item: typeof GridItem;
+};
+export default Grid;
+
+export declare const GridItem: FC<GridItemProps>;
+
+export declare interface GridItemProps {
+    /** The content of the grid item. */
+    children?: ReactNode;
+    /** The number of columns the item should span. Can be used if the amount of columns is not changed between breakpoints. */
+    span?: Span;
+    /** The number of columns the item should span on the "s" breakpoint. */
+    s?: ColumnSpan;
+    /** The number of columns the item should span on the "m" breakpoint. */
+    m?: ColumnSpan;
+    /** The number of columns the item should span on the "l" breakpoint. */
+    l?: ColumnSpan;
+    /** The number of columns the item should span on the "xl" breakpoint. */
+    xl?: ColumnSpan;
+    /** The number of columns the item should span on the "xxl" breakpoint. */
+    xxl?: ColumnSpan;
+    /** The number of columns the item should span on the "xxxl" breakpoint. */
+    xxxl?: ColumnSpan;
+    /** Additional CSS classes to apply to the grid item. */
+    className?: string;
+}
+
+export declare interface GridProps {
+    /** A place where Grid.Item components should be added. */
+    children: ReactNode;
+    /** Classes for the Grid wrapper element. Intended mainly for customize gap size. */
+    className?: string;
+    /** If set to `true`, the grid will not have gutters between items.
+     * @deprecated Use `className="gap-x-0"` instead.
+     */
+    disableGutters?: boolean;
+}
+
+export declare type Span = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+
+export { }