1.0.6 • Published 5 years ago
shapla-toggles v1.0.6
shapla-toggles
A simple toggle component.
Table of contents
Installation
npm install --save shapla-togglesUsage
Add the component:
import {toggles,toggle} from 'shapla-toggles';
export default {
name: 'Hello',
components: {toggles,toggle}
} <toggles>
<toggle name="Toggle One" :selected="true">
<!-- content -->
</toggle>
<toggle name="Toggle Two">
<!-- content -->
</toggle>
</toggles>Props for toggles
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
accordion | Boolean | no | true | If you set false. All toggle components can be opened. Otherwise opening one will close another. |
iconPosition | String | no | left | Value can be left or right. |
boxedMode | Boolean | no | true | Set false if you don't want border on all side. |
showDivider | Boolean | no | true | Only works when boxedMode is false. Remove all borders. |
Props for toggle
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
name | String | yes | true | Toggle title. |
subtext | String | yes | true | Toggle subtitle. |
selected | Boolean | no | false | Set true if you to keep open by default. |