Need to wrap each button in span?

[spekulatius]

Hello @Alexandrshy

I tried to implement your lib in a project of mine. I've noticed, I had to wrap each button in a span to work correctly. Without, only the first button was displayed. Any idea what is causing this?

My code:

    <facebook-button
        isBlank="false"
        btnText="Post"
    />
    <twitter-button
        isBlank="false"
        btnText="Tweet"
    />
    <reddit-button
        isBlank="false"
        btnText="Post"
    />

Expected Behavior

Actual Behavior

Work around:

        <span>
          <facebook-button
            isBlank="false"
            btnText="Post"
        />
        </span>
        <span>
          <twitter-button
            isBlank="false"
            btnText="Tweet"
        />
        </span>
        <span>
          <reddit-button
            isBlank="false"
            btnText="Post"
        />
        </span>

Maybe I'm doing something wrong? While it looks pretty straight forward I'm not sure...

Cheers, Peter

[ErnestAV]

I would suggest putting them all under a

    <div class="flex flex-row justify-center">
         <TwitterButton
            description=""
        />
        <FacebookButton
            description="This recipe will live rent-free in your mind!"
        />
        <PinterestButton
            description="This recipe will live rent-free in your mind!"
        />
    </div>

Result