## List ### Single-Line List ```html ``` ### Two-Line List ```html ``` ### List Groups ```html List 1 List 2 ``` ### List Dividers ```html ``` or ```html ``` ### Single Selection List ```html ``` #### Pre-selected list item ```html ``` ### List with radio group ```html ``` ```js data () { return { selectedIndex: 1 } } ``` ### List with checkbox item ```html ``` ```js data () { return { selectedIndex: [1] } } ``` ### Props | Prop | Type | Default | Required | Description | |------|------|---------|----------|-------------| | avatar | Boolean | false | false | avatar list (large, circular start detail) | | dense | Boolean | false | false | densed list | | twoLine | Boolean | false | false | twoline list | | nonInteractive | Boolean | false | false | disables interactivity | | singleSelection | Boolean | false | false | Sets the list to be a selection list. Enables the enter and space keys for selecting/deselecting a list item. | | vertical | Boolean | true | false | Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. false results in the Left/Right arrow keys being used. | | wrapFocus | Boolean | true | false | Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa. | | selectedIndex | [Number, Array] | -1 | false | Can be `v-model`. Sets the selection state to given index or list of indexes if it is checkbox based list. | | tag | String | `'ul'` | false | `'ul'` for `