Question 1

How to create a gradient border in Lip Gloss?

Accepted Answer

Use the BorderForegroundBlend method with multiple colors, as shown in the README: `BorderForegroundBlend(lipgloss.Color("#FF0000"), lipgloss.Color("#0000FF"))`. This creates smooth color transitions in borders, and you can combine it with border styles like RoundedBorder for visual effects.

Question 2

Lip Gloss vs Bubble Tea: which one should I use for my terminal app?

Accepted Answer

Lip Gloss is for styling and layout, while Bubble Tea is a framework for building interactive TUIs with state management and event handling. Use Lip Gloss within Bubble Tea views to handle visual aspects, and Bubble Tea for application logic and interactivity, as noted in the 'What about Bubble Tea?' section.

Question 3

Can Lip Gloss handle mouse events in the terminal?

Accepted Answer

No, Lip Gloss does not handle mouse events or any interactivity directly. For mouse support, you need to integrate it with a framework like Bubble Tea, which captures terminal events, or use the compositor layer detection mentioned in the docs for basic click handling.

Question 4

How to center text horizontally in a terminal using Lip Gloss?

Accepted Answer

Use the Align method with lipgloss.Center and set a width, like `style.Width(24).Align(lipgloss.Center).Render("text")`. Alternatively, the PlaceHorizontal utility can center text in a given space, as demonstrated in the layout examples.

Question 5

Does Lip Gloss work well with Windows terminals?

Accepted Answer

Yes, Lip Gloss handles terminal compatibility by gracefully degrading features like hyperlinks and colors based on support. It uses automatic color downsampling and profile detection to ensure output works across different terminals, including Windows, though some advanced features may vary.

Question 6

How to implement adaptive colors for light and dark terminal themes in Lip Gloss?

Accepted Answer

Use the LightDark helper function with HasDarkBackground to determine the terminal background and choose appropriate colors. In Bubble Tea, request the background color via tea.RequestBackgroundColor and set styles accordingly, as detailed in the advanced color usage section.

lipgloss

What is lipgloss?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions