@studio-west/component-sw 0.10.15 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -168,6 +168,40 @@ this.$Alert({message: 'Welcome!', type: 'success', prefix: 'Дополнител
|
|
|
168
168
|
```
|
|
169
169
|
---
|
|
170
170
|
|
|
171
|
+
## SwButtonGroup
|
|
172
|
+
|
|
173
|
+
Компонент `SwButtonGroup` представляет собой группу кнопок с возможностью включения режима "Radio".
|
|
174
|
+
|
|
175
|
+
### Свойства / Properties
|
|
176
|
+
|
|
177
|
+
| Имя | Тип | по умолчанию | Значения/Описание |
|
|
178
|
+
|-------------|-----------|--------------|--------------------------------------------------------------|
|
|
179
|
+
| `class` | `String` | `sw-button` | Добавляет пользовательский CSS-класс к компоненту. |
|
|
180
|
+
| `vertical` | `Boolean` | `false` | Вертикальное расположение кнопок. |
|
|
181
|
+
| `radio` | `Boolean` | `false` | Режим "Radio" неактивные кнопки будут иметь класс 'sw-text'. |
|
|
182
|
+
| `round` | `Boolean` | `false` | Делает группу кнопок визуально закругленной. |
|
|
183
|
+
|
|
184
|
+
### Модель / Model
|
|
185
|
+
|
|
186
|
+
model - индекс активной кнопки.
|
|
187
|
+
|
|
188
|
+
### Пример использования / Example Usage
|
|
189
|
+
|
|
190
|
+
```html
|
|
191
|
+
<script>let active = 0 </script>
|
|
192
|
+
<sw-button-group
|
|
193
|
+
class="custom-class"
|
|
194
|
+
radio
|
|
195
|
+
v-model="active"
|
|
196
|
+
vertical
|
|
197
|
+
>
|
|
198
|
+
<sw-button type="primary" size="small">Нажми меня 1 / Click Me 1</sw-button>
|
|
199
|
+
<sw-button type="primary" >Нажми меня 2 / Click Me 2</sw-button>
|
|
200
|
+
<sw-button type="danger">Нажми меня 3 / Click Me 3</sw-button>
|
|
201
|
+
</sw-button-group>
|
|
202
|
+
```
|
|
203
|
+
---
|
|
204
|
+
|
|
171
205
|
## SwCollapse
|
|
172
206
|
|
|
173
207
|
Компонент `SwCollapse` представляет собой аналог тегов <details> + <summary> , но с анимацией.
|