Button

Кнопки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ дСйствия ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ ΠΎΠ΄Π½ΠΈΠΌ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ. ЯвляСтся `<button>` ΠΈΠ»ΠΈ `<a>` элСмСнтом с ripple эффСктом ΠΎΡ‚ Material Design.

NameTypeDefaultDescription
childrennodeΠ­Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.
classesobjectΠžΠ±ΡŠΠ΅ΠΊΡ‚ содСрТит jss стили ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.
classNamestringΠ§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ CSS классы, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚.
componentelementType'button'ΠšΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΡƒΠ·Π΅Π». Π­Ρ‚ΠΎ HTML элСмСнт ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚.
colorstring'default'НазваниС Ρ†Π²Π΅Ρ‚Π° Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ….
size'small', 'medium', 'large', 'extra''medium'Π Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°.
uppercasebooltrueРСгистр тСкста.
variant'text', 'outlined', 'contained''text'Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
roundboolfalseΠšΡ€ΡƒΠ³Π»Ρ‹Π΅ края ΠΊΠ½ΠΎΠΏΠΊΠΈ.
elevationbooltrueΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ уровня высоты(Ρ‚Π΅Π½ΠΈ) Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
loadingboolfalseБтатус Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.
startIconnodeΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ элСмСнтов Π² Π½Π°Ρ‡Π°Π»Π΅.
endIconnodeΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ элСмСнтов Π² ΠΊΠΎΠ½Ρ†Π΅.