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

Not displaying icon #25

Closed
eliasfeijo opened this issue Apr 10, 2021 · 1 comment
Closed

Not displaying icon #25

eliasfeijo opened this issue Apr 10, 2021 · 1 comment

Comments

@eliasfeijo
Copy link

eliasfeijo commented Apr 10, 2021

Hi, I'm using "vue-bulma-accordion": "^0.5.2", but the icon property doesn't appear on the accordion.

Everything else works just fine (slide animation and dropdown).

<bulma-accordion
  :slide="{ duration: '300ms', timerFunc: 'ease' }"
  :caret-animation="{ duration: '100ms', timerFunc: 'ease' }"
  dropdown
  :icon="'plus-minus'"
>
  <bulma-accordion-item>
    <p slot="title">Some Title</p>
    <p slot="content">Some Text</p>
  </bulma-accordion-item>
<bulma-accordion />

I've tried the default caret icon, plus-minus icon, using custom icon, but it doesn't render any icon.

I have no CSS classes overriding the component.

Am I the only one here with this bug?

I'm using "nuxt": "^2.14.1" with SSR. Some problems show up in the console, and disappears if I wrap everything in a <ClientOnly> tag, just like #9.

@eliasfeijo eliasfeijo changed the title Not showing icons Not displaying icons Apr 15, 2021
@eliasfeijo eliasfeijo changed the title Not displaying icons Not displaying icon Apr 15, 2021
@eliasfeijo
Copy link
Author

I resolved using the prop :icon="'custom'", and assigning icon-open and icon-closed slots of BulmaAccordionItem. I'm currently using fontawesome icons with buefy, so maybe the lib didn't automatically import the icons.

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

1 participant