Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Controls markup customizing by slots #122

Open
pwnz22 opened this issue May 31, 2020 · 2 comments
Open

Controls markup customizing by slots #122

pwnz22 opened this issue May 31, 2020 · 2 comments

Comments

@pwnz22
Copy link

pwnz22 commented May 31, 2020

Hello, @RobinCK

Can i somehow customize the prev & next buttons markup? I need to add something like <a class="prev"> <span></span></a> and also change close button markup.

@pwnz22
Copy link
Author

pwnz22 commented May 31, 2020

Found slots that are not in the docs.
Also default classes not changing fiddle

@calaoa
Copy link

calaoa commented Jun 30, 2020

Hey @pwnz22, Indeed, the prev & next buttons can be customized via slots, and the close button as well:

    <vue-gallery @close="index = null" :id="id" :images="images" :index="index" :options="getOptions()">
      <slot ref="gallery"></slot>
      <span slot="prev">&lt;</span>
      <span slot="next">&gt;</span>
    </vue-gallery>

I added a paragraph covering slots in this fork: https://github.com/bab0uk/vue-gallery/commit/34df3215385e2533a246bdf605977373b23e4819

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants