Skip to content
This repository has been archived by the owner on Jan 7, 2022. It is now read-only.

Commit

Permalink
Update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
mariomka committed Jan 12, 2019
1 parent 1f5accd commit 0b79ce9
Showing 1 changed file with 6 additions and 5 deletions.
11 changes: 6 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,8 @@ Also, input text inherits all component events.
### Slots

You can customize the component using named slots.
Slots available: `before`, `after`, `button-cancel` and `button-confirm`

Available slots: `before`, `after`, `button-cancel` and `button-confirm`

#### Button customization example:

Expand All @@ -149,11 +150,11 @@ Slots available: `before`, `after`, `button-cancel` and `button-confirm`
<span class="description" slot="after">The field description</span>
<template slot="button-cancel">
<fa :icon="['far', 'times']"></fa>
{{ $t('datetime.cancel') }}
Cancel
</template>
<template slot="button-confirm">
<fa :icon="['fas', 'check-circle']"></fa>
{{ $t('datetime.ok') }}
Confirm
</template>
</datetime>
```
Expand All @@ -162,8 +163,8 @@ You can also use `slot-scope` to determine which view is currently active:

```html
<template slot="button-confirm" slot-scope="scope">
<span v-if='scope.step === "date"'>Next <i class='fas fa-arrow-right' /></span>
<span v-else><i class='fas fa-check-circle' /> Publish</span>
<span v-if='scope.step === "date"'>Next <i class='fas fa-arrow-right' /></span>
<span v-else><i class='fas fa-check-circle' /> Publish</span>
</template>
```

Expand Down

0 comments on commit 0b79ce9

Please sign in to comment.