Surface CORE

You can combine element itself, ::before and ::after pseudo-elements to create complex surfaces.

For more complex cases like you can use tuiSurfaceLayer directive to introduce more layers behind content. But that is mostly necessary for additional elements like input type="radio" or a video tag as seen in the examples on the main tab.

---

Styles to to be applied to the element:background , border-radius , box-shadow , mask , padding , transform

Styles to be applied to ::BEFORE pseudo-element:backdrop-filter

Styles to be applied to ::AFTER pseudo-element: Any overlays on top of backdrop-filter effect of ::BEFORE pseudo-element

---

Examples

Preview HTML surface.less LESS More

Tickets

Concerts, theater, sports and movies

20% off

Gas

+2000%

RESTAURANT Eat all you can More

Alex Inkin Message

Taiga UI reviews Hide

It is an absolute blast!

I am starting to kind of enjoy this library.

This library seems interesting but I hesitate refactoring our entire codebase...

See all

My bank account Edit name

$23 742