Prezentare generală
Transmiteți pictograma principală prin slotul de nodicon și elementul suprapus prin stackedIcon. Containerul are 16 px lățime și înălțime; elementul suprapus este poziționat absolut la 8 px de la stânga și la 7 px de sus, astfel încât depășește colțul din dreapta jos. Un avatar pătrat de 12 px este dimensiunea prevăzută pentru sigla unei aplicații. Ambele noduri sunt decorative, așadar păstrați o etichetă vizibilă lângă pictogramă.
Lăsați spațiu pentru depășirea elementului stivuit atunci când poziționați conținutul adiacent. Exemplul utilizează un spațiu de 12 px între containerul pictogramei și eticheta sa.
Utilizare
className, style și ref vizează div-ul exterior. render înlocuiește acea țintă prin compoziția Base UI, păstrând ambele noduri de pictogramă.
Proprietăți
string
CSS class applied to the container root.
ReactNode
obligatoriu
Main icon content. The caller controls its dimensions and stroke.
ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, {}>
Replaces the div root while preserving the icon content and native props.
ReactNode
obligatoriu
Smaller content stacked on the bottom-right corner of the main icon, such as a 12px avatar.
CSSProperties
Inline styles applied to the container root.