Board Item
<gstock-board-item>
|
GstockBoardItem
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
disabled
|
Disables the item and prevents it from being dragged. |
|
boolean
|
false
|
showHandle
show-handle
|
When true, shows a visual handle for dragging. If false, the entire item is draggable. |
|
boolean
|
false
|
handle
|
CSS selector for a custom drag handle element. When specified, only elements matching this selector will trigger drag operations. |
string
|
''
|
|
size
|
The size of the item. |
|
'small' | 'medium' | 'large'
|
'medium'
|
value
|
The value associated with this item. Used for identification and ordering. |
string
|
''
|
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Slots
| Name | Description |
|---|---|
default
|
The item’s content. |
prefix
|
An prefix or element to show at the start of the item. |
suffix
|
Content to show at the end of the item. |
handle
|
Custom drag handle. If not provided, the entire item is draggable. |
Learn more about slots .
Custom Properties
| Name | Description | Default |
|---|---|---|
--background-color
|
The background color of the item. | |
--border-color
|
The border color of the item. | |
--border-radius
|
The border radius of the item. | |
--padding
|
The padding of the item. | |
--transition
|
The transition properties for animations. |
Learn more about custom properties .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
content
|
The item’s content area. |
prefix
|
The prefix container. |
suffix
|
The suffix container. |
handle
|
The drag handle area. |
Learn more about CSS parts .