Search
Preparing search index...
The search index is not available
my-react-components
Options
All
Public
Public/Protected
All
Inherited
Externals
Menu
my-react-components
react-true-resizable/src/HandleFns
Module react-true-resizable/src/HandleFns
Index
Type Aliases
Handle
Style
Fn
Type
Functions
top
Handle
Style
bottom
Handle
Style
left
Handle
Style
right
Handle
Style
bottom
Right
Handle
Style
bottom
Left
Handle
Style
top
Right
Handle
Style
top
Left
Handle
Style
Variables
default
Handles
Fn
Type Aliases
Handle
Style
Fn
Type
Handle
Style
Fn
Type
:
(
(
arg
:
{
nodePosition
:
positionType
;
handlePos
:
positionType
;
handlesParentPosition
:
positionType
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
=>
React.CSSProperties
|
undefined
)
Type declaration
(
arg
:
{
nodePosition
:
positionType
;
handlePos
:
positionType
;
handlesParentPosition
:
positionType
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
React.CSSProperties
|
undefined
Parameters
arg:
{
nodePosition
:
positionType
;
handlePos
:
positionType
;
handlesParentPosition
:
positionType
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
positionType
handle
Pos
:
positionType
handles
Parent
Position
:
positionType
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
React.CSSProperties
|
undefined
Functions
top
Handle
Style
top
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Handles Styles
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
bottom
Handle
Style
bottom
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
left
Handle
Style
left
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
right
Handle
Style
right
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
bottom
Right
Handle
Style
bottom
Right
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
bottom
Left
Handle
Style
bottom
Left
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
top
Right
Handle
Style
top
Right
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
top
Left
Handle
Style
top
Left
Handle
Style
(
arg
:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
)
:
CSSProperties
Parameters
arg:
{
nodePosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlePos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handlesParentPosition
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
;
handleSize
:
number
;
handlesOptions
:
handlesOptionsType
}
node
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Pos
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handles
Parent
Position
:
{
left
:
number
;
top
:
number
;
right
:
number
;
bottom
:
number
;
width
:
number
;
height
:
number
}
left
:
number
top
:
number
right
:
number
bottom
:
number
width
:
number
height
:
number
handle
Size
:
number
handles
Options
:
handlesOptionsType
Returns
CSSProperties
Variables
Const
default
Handles
Fn
default
Handles
Fn
:
{
top
:
HandleStyleFnType
;
left
:
HandleStyleFnType
;
bottom
:
HandleStyleFnType
;
right
:
HandleStyleFnType
;
bottomRight
:
HandleStyleFnType
;
bottomLeft
:
HandleStyleFnType
;
topRight
:
HandleStyleFnType
;
topLeft
:
HandleStyleFnType
}
= ...
Type declaration
top
:
HandleStyleFnType
left
:
HandleStyleFnType
bottom
:
HandleStyleFnType
right
:
HandleStyleFnType
bottom
Right
:
HandleStyleFnType
bottom
Left
:
HandleStyleFnType
top
Right
:
HandleStyleFnType
top
Left
:
HandleStyleFnType
Modules
react-
true-
resizable/src/
Handle
react-
true-
resizable/src/
Handle
Fns
react-
true-
resizable/src/
Resizable
shared/hooks/use
Position
Handle
Style
Fn
Type
top
Handle
Style
bottom
Handle
Style
left
Handle
Style
right
Handle
Style
bottom
Right
Handle
Style
bottom
Left
Handle
Style
top
Right
Handle
Style
top
Left
Handle
Style
default
Handles
Fn
Generated using
TypeDoc
Handles Styles