List continued (#174)

* working on  story with reactive subtitle

* styling of icons seems consistent with default sizing

* checkbox in list story

* colors

* lines and tests

* merge conflict

* basically im a genius styling is cool now

* Update src/components/v-button/readme.md

* Fix scoping of nav mode

* Tweak spacing of icons

* Register list item subcomponents globally

* Render icons in sidebar nav of collections module

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
This commit is contained in:
Jacob Rienstra
2020-03-13 16:34:06 -04:00
committed by GitHub
parent c8e9e02af0
commit 197e09abb5
18 changed files with 740 additions and 221 deletions

View File

@@ -46,9 +46,10 @@ The button has a loading state that can be enabled with the `loading` prop. By d
The loading slot is rendered _on top_ of the content that was there before. Make sure that your loading content doesn't exceed the size of the default state content. This restriction is put in place to prevent jumps when going from and to the loading state.
## Props
| Prop | Description | Default |
|------------|---------------------------------------------------------------------------|----------|
| `block` | Enable ull width (display block) | `false` |
| `block` | Enable full width (display block) | `false` |
| `icon` | Remove padding / min-width. Meant to be used with just an icon as content | `false` |
| `outlined` | No background | `false` |
| `rounded` | Enable rounded corners | `false` |
@@ -62,17 +63,20 @@ The loading slot is rendered _on top_ of the content that was there before. Make
| `to` | Render as vue router-link | `false` |
## Slots
| Slot | Description |
|-----------|----------------------------------------------|
| _default_ | Button content |
| `loading` | Content that's rendered during loading state |
## Events
| Event | Description | Value |
|---------|-----------------------|--------------|
| `click` | User clicks on button | `MouseEvent` |
## CSS Variables
| Variable | Default |
|-----------------------------------------|----------------------------------------------------|
| `--v-button-width` | `auto` |