Functions — github.com/chriskitson/react-drag-drop-layout-builder

CodeHub MCPcopy Create free account

hub / github.com/chriskitson/react-drag-drop-layout-builder / functions

Functions15 in github.com/chriskitson/react-drag-drop-layout-builder

⨍ Functions 15 ◇ Types & classes 16

↓ 1 callersMethodgenerateComponent

(name: string, type: string)

src/builder/BuilderLayout.tsx:113

↓ 1 callersFunctiongetMatGridSizeClass

src/builder/components/grid-item/GridItemComponent.tsx:3

↓ 1 callersMethodonDragOver

(event: React.DragEvent<HTMLDivElement>)

src/builder/BuilderLayout.tsx:82

FunctionContentBuilderDraggableComponent

({ id, name, type, children, onDragOver, onDragDrop }: IContentBuilderDraggableComponent)

src/builder/components/content-builder/ContentBuilderDraggableComponent.tsx:15

FunctionContentBuilderGridComponent

({ id, children, onDragOver, onDragDrop }: IContentBuilderGridComponent)

src/builder/components/content-builder/ContentBuilderGridComponent.tsx:14

FunctionContentComponent

({ children, className = '' }: IContentComponent)

src/builder/components/content/ContentComponent.tsx:9

FunctionDraggableComponent

({ name, type, onDragStart, draggable = true, dropped = false }: IDraggableComponent)

src/builder/components/draggable/DraggableComponent.tsx:12

FunctionDroppableComponent

({ name, onDragOver, onDrop, children }: IDroppableComponent)

src/builder/components/droppable/DroppableComponent.tsx:11

FunctionGridComponent

({ children }: IGridComponent)

src/builder/components/grid/GridComponent.tsx:9

FunctionGridItemComponent

({ size, children, cssClass = '' }: IGridItemComponent)

src/builder/components/grid-item/GridItemComponent.tsx:13

Methodconstructor

src/builder/BuilderLayout.tsx:36

MethodonDragDrop

* Handles drop into droppable component and updates application state * Create new component based on draggable name and type * Create an array

src/builder/BuilderLayout.tsx:96

MethodonDragStart

(event: React.DragEvent <HTMLDivElement> , name: string, type: string)

src/builder/BuilderLayout.tsx:77

src/builder/BuilderLayout.tsx:43

src/builder/components/content-builder/ContentBuilderComponent.tsx:17