2022-01-12 10:27:49 +00:00
|
|
|
package dev.inmo.jsuikit.elements
|
2021-12-22 08:38:12 +00:00
|
|
|
|
|
|
|
import androidx.compose.runtime.Composable
|
2022-07-31 09:04:27 +00:00
|
|
|
import dev.inmo.jsuikit.modifiers.*
|
|
|
|
import dev.inmo.jsuikit.utils.buildAttribute
|
2022-01-13 05:55:08 +00:00
|
|
|
import org.jetbrains.compose.web.dom.*
|
2021-12-22 08:38:12 +00:00
|
|
|
import org.w3c.dom.HTMLDivElement
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
fun GridColumn(
|
2022-01-13 13:56:39 +00:00
|
|
|
vararg modifiers: UIKitModifier,
|
2022-01-13 05:55:08 +00:00
|
|
|
attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {},
|
2022-03-11 18:16:57 +00:00
|
|
|
builder: @Composable ElementScope<HTMLDivElement>.() -> Unit = {}
|
2021-12-22 08:38:12 +00:00
|
|
|
) {
|
|
|
|
Div(
|
|
|
|
{
|
|
|
|
include(*modifiers)
|
2022-01-13 05:55:08 +00:00
|
|
|
attributesCustomizer()
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
) {
|
|
|
|
builder()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@Composable
|
|
|
|
fun Grid(
|
2022-01-13 13:56:39 +00:00
|
|
|
vararg modifiers: UIKitModifier,
|
2021-12-22 08:38:12 +00:00
|
|
|
masonry: Boolean = false,
|
2022-07-31 09:04:27 +00:00
|
|
|
parallax: UInt? = null,
|
|
|
|
marginClass: UIKitMargin? = null,
|
2021-12-22 08:38:12 +00:00
|
|
|
firstColumnClass: String? = null,
|
2022-01-13 05:55:08 +00:00
|
|
|
attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {},
|
2022-07-31 09:04:27 +00:00
|
|
|
builder: ContentBuilder<HTMLDivElement> = {}
|
2021-12-22 08:38:12 +00:00
|
|
|
) {
|
|
|
|
Div(
|
|
|
|
{
|
2022-07-31 09:04:27 +00:00
|
|
|
include(
|
|
|
|
UIKitGrid.invoke(marginClass, firstColumnClass, masonry, parallax),
|
|
|
|
*modifiers
|
|
|
|
)
|
2022-01-13 05:55:08 +00:00
|
|
|
attributesCustomizer()
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
) {
|
|
|
|
builder()
|
|
|
|
}
|
|
|
|
}
|