search

vue-bulma / collapse

Collapse component for Vue Bulma
MIT License
23 stars 13 forks source link

make use of slot for item title #13

Open p418 opened 6 years ago

p418 commented 6 years ago

I've added <slot name="title"> for collapse-item component. This allows one to customize header content with fallback to original title prop.

Usage:

<collapse-item :title="myTitle" selected>
    <div slot="title" >
      <div class="title is-5">{{myTitle}}</div>

      <div class="field has-addons">
        <button class="button"><i class="fa fa-pencil" aria-hidden="true"></i></button>
        <button class="button is-danger is-outlined"><i class="fa fa-trash" aria-hidden="true"></i></button>
      </div>
    </div>
...
...
</collapse-item>