Miscellaneous Recipes

Miscellaneous recipes provide additional utility patterns for various common tasks in Etch.

• columns: Creates auto-responsive multi-column layouts with configurable column count, minimum width, gaps, and custom visual separators between columns. Ensures items do not break awkwardly between columns.

• line-clamp: Limits multi-line content to a maximum number of lines with an ellipsis for overflowing text. The number of visible lines can be easily configured.

• concentric-radius: Applies concentric border radius and enhances padding for nested elements, ensuring child elements have a unified rounded appearance and remain visually cohesive.

• is-bg: Turns any element into a background element and automatically handles the layering of multiple background elements.