BestHub
Sign in
Tag

component styling

0 views collected around this technical thread.

HelloTech
HelloTech
Jul 16, 2024 · Frontend Development

Quark Design 2.0 Release: Extending Web Component Styling with ::part

Quark Design 2.0 introduces ::part support, enabling developers to style any internal part of a Web Component’s shadow DOM from outside—surpassing the previous reliance on limited CSS variables—while remaining fully backward‑compatible, cross‑framework, and demonstrated via a live StackBlitz example.

CSS ::partFront-End DevelopmentWeb Components
0 likes · 5 min read
Quark Design 2.0 Release: Extending Web Component Styling with ::part
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Jul 28, 2021 · Frontend Development

Advanced Techniques and Best Practices for Using styled-components in React

This article shares practical tips, patterns, and mental models for mastering styled-components in React, covering CSS variables, context styling, component encapsulation, inheritance, margin handling, z-index management, the "as" prop, priority tricks, and related tooling to write cleaner, more maintainable UI code.

CSS variablesCSS-in-JSPerformance
0 likes · 19 min read
Advanced Techniques and Best Practices for Using styled-components in React