mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-23 07:09:39 +02:00
33 lines
1,022 B
Ruby
33 lines
1,022 B
Ruby
|
class TooltipComponentPreview < ViewComponent::Preview
|
||
|
# @param text text
|
||
|
# @param placement select [top, right, bottom, left]
|
||
|
# @param offset number
|
||
|
# @param cross_axis number
|
||
|
# @param icon text
|
||
|
# @param size select [xs, sm, md, lg, xl, 2xl]
|
||
|
# @param color select [default, white, success, warning, destructive, current]
|
||
|
def default(text: "This is helpful information", placement: "top", offset: 10, cross_axis: 0, icon: "info", size: "sm", color: "default")
|
||
|
render DS::Tooltip.new(
|
||
|
text: text,
|
||
|
placement: placement,
|
||
|
offset: offset,
|
||
|
cross_axis: cross_axis,
|
||
|
icon: icon,
|
||
|
size: size,
|
||
|
color: color
|
||
|
)
|
||
|
end
|
||
|
|
||
|
def with_block_content
|
||
|
render DS::Tooltip.new(icon: "help-circle", color: "warning") do
|
||
|
tag.div do
|
||
|
tag.p("Custom content with formatting:", class: "font-medium mb-1") +
|
||
|
tag.ul(class: "list-disc list-inside text-xs") do
|
||
|
tag.li("First item") +
|
||
|
tag.li("Second item")
|
||
|
end
|
||
|
end
|
||
|
end
|
||
|
end
|
||
|
end
|