ButtonGroup
ΠΡΠΎΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π³ΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Button.
Base ButtonGroup#
Base
Size#
Π Π°Π·ΠΌΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π² Π³ΡΡΠΏΠΏΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ size.
Size
Variant#
Variant
Color#
Π¦Π²Π΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² Π² Π³ΡΡΠΏΠΏΠ΅ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ color. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΏΡΠΎ ΡΠ²Π΅Ρ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅.
Color
Round#
Round
Orientation#
ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½Π°Ρ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ Π³ΡΡΠΏΠΏΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
Orientation
Uppercase#
ΠΡΠ»ΠΈ uppercase={false}, Π²ΡΠΊΠ»ΡΡΠΈΡΡ Π²Π΅ΡΡ
Π½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ ΡΠ΅ΠΊΡΡΠ°.
Uppercase
Group Icon#
Icon
API#
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | ΠΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³ΠΎΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. | |
| classes | object | ΠΠ±ΡΠ΅ΠΊΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ jss ΡΡΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. | |
| className | string | Π§ΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ CSS ΠΊΠ»Π°ΡΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ. | |
| color | string | 'default' | ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π² ΡΠ°Π·Π½ΡΡ ΡΠΎΡΠΌΠ°ΡΠ°Ρ . |
| round | bool | false | ΠΡΡΠ³Π»ΡΠ΅ ΠΊΡΠ°Ρ. |
| disabled | bool | false | ΠΡΠ»ΠΈ true, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ disabled. |
| uppercase | bool | true | Π Π΅Π³ΠΈΡΡΡ ΡΠ΅ΠΊΡΡΠ°. |
| orientation | 'horizontal', 'vertical' | 'horizontal' | ΠΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈΠ»ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. |
| size | 'small', 'medium', 'large', 'extra' | 'medium' | ΠΡΠ΅ ΠΏΠΎΡΠΎΠΌΠΊΠΈ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠΊΠ°Π·Π°Π½Π½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ. |
| variant | 'text', 'outlined', 'contained' | 'text' | ΠΡΠ΅ ΠΏΠΎΡΠΎΠΌΠΊΠΈ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠΊΠ°Π·Π°Π½Π½ΡΠΉ Π²ΠΈΠ΄. |