spark/com.adevinta.spark.components.popover

Package-level declarations

Popover is kinda similar to Plain tooltip from Compose UI Provides a descriptive message or Info for an Anchor. Popover that is invoked when the anchor is pressed/long pressed:

The minimal usage of the component is the content and the anchor.

Popover(
    popover = {
        Text(
            text = "Do you want to have this cookie now?",
        )
    },
    isDismissButtonEnabled = true,
    popoverState = popoverState,
) {
    ButtonOutlined(
        text = "Display Popover",
        onClick = { scope.launch { popoverState.show() } },
    )
}

The popover can also have intents as it's background color, you can fin the list here.

TextLink A TextLink is a reference to a resource.

It can be external (e.g. a different web page) or internal (e.g. a specific element in the current page).

Variants:

TextLink

fun TextLink(
    text: Int,
    onClickLabel: String,
    onClick: () -> Unit,
)

TextLinkButton

fun TextLinkButton(
    text: String,
    onClick: () -> Unit,
    intent: ButtonIntent,
    enabled: Boolean = true,
    isLoading: Boolean = false,
)

Types

PopoverIntent

enum PopoverIntent : Enum<PopoverIntent>

TagIntent is used to define the intent of the tag.

Functions

PlainTooltip

@Composable

fun TooltipScope.PlainTooltip(modifier: Modifier = Modifier, caretSize: DpSize = DpSize.Unspecified, shape: Shape = TooltipDefaults.plainTooltipContainerShape, contentColor: Color = TooltipDefaults.plainTooltipContentColor, containerColor: Color = TooltipDefaults.plainTooltipContainerColor, tonalElevation: Dp = 0.dp, shadowElevation: Dp = 0.dp, content: @Composable () -> Unit)

Plain tooltip that provides a descriptive message.

Popover

@Composable

fun Popover(popover: @Composable () -> Unit, modifier: Modifier = Modifier, intent: PopoverIntent = PopoverIntent.Surface, isDismissButtonEnabled: Boolean = false, popoverState: TooltipState = rememberTooltipState(isPersistent = true), focusable: Boolean = true, enableUserInput: Boolean = true, content: @Composable () -> Unit)

Popover is kinda similar to Plain tooltip from Compose UI Provides a descriptive message or Info for an Anchor. Popover that is invoked when the anchor is pressed/long pressed:

TooltipBox

@Composable

fun TooltipBox(positionProvider: PopupPositionProvider, tooltip: @Composable TooltipScope.() -> Unit, state: TooltipState, modifier: Modifier = Modifier, focusable: Boolean = true, enableUserInput: Boolean = true, content: @Composable () -> Unit)

Spark TooltipBox that wraps a composable with a tooltip.