Modal
ΠΡΠΎ ΠΎΠΊΠ½ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±Π»ΠΎΠΊΠΈΡΡΠ΅Ρ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΡΠΎ ΠΎΠΊΠ½ΠΎ Π½Π΅ Π·Π°ΠΊΡΠΎΠ΅Ρ. ΠΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ² ΠΈ Π»Π°ΠΉΡΠ±ΠΎΠΊΡΠΎΠ².
#
Base ModalBase
#
EscΠΡΠ»ΠΈ isEsc={true}
, modal ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡΡΡΡ ΠΊΠ»Π°Π²ΠΈΡΠ΅ΠΉ Esc.
Esc
#
APIName | Type | Default | Description |
---|---|---|---|
children | node | ΠΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. | |
classes | object | ΠΠ±ΡΠ΅ΠΊΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ jss ΡΡΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. | |
className | string | Π§ΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ CSS ΠΊΠ»Π°ΡΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ. | |
component | elementType | 'div' | ΠΠΎΡΠ½Π΅Π²ΠΎΠΉ ΡΠ·Π΅Π». ΠΡΠΎ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ. |
open | bool | false | ΠΡΠ»ΠΈ true, modal ΠΎΡΠΊΡΡΡ. |
onClose | func | onClose() Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΏΡΡΠΊΠΈ Π·Π°ΠΊΡΡΡΡ modal. | |
isEsc | bool | true | ΠΡΠ»ΠΈ true, modal Π·Π°ΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΊΠ»Π°Π²ΠΈΡΠ΅ΠΉ Esc. |