Extended FAB text style is not working properly on Paragraph html element

[zdrawku]

Description

According to the documentation:

To get the extended FAB text styled properly, use <span>, <div> or <p> tags.

Although with Paragraphs the styling result in:

• igniteui-angular version: latest
• browser: any

Steps to reproduce

1. Open the sample
2. Check the P style

Result

Expected result

[desig9stein]

@zdrawku, @simeonoff I think that we should update the documentation and not encourage people to use <p> inside <button> Since this is not allowed and HTML validators will throw an error. However, I can still update the button styles to make sure that if the user uses p,h1...h6, strong... the bottom will look ok. Let me know what you guys think.

[simeonoff]

@zdrawku, @simeonoff I think that we should update the documentation and not encourage people to use <p> inside <button> Since this is not allowed and HTML validators will throw an error. However, I can still update the button styles to make sure that if the user uses p,h1...h6, strong... the bottom will look ok. Let me know what you guys think.

I agree. Update the documentation to reflect your comment.

[desig9stein]

@zdrawku, @simeonoff I think that we should update the documentation and not encourage people to use <p> inside <button> Since this is not allowed and HTML validators will throw an error. However, I can still update the button styles to make sure that if the user uses p,h1...h6, strong... the bottom will look ok. Let me know what you guys think.

I agree. Update the documentation to reflect your comment.

I know that the igxButton directive can be set to any element, not just a button. This means that the following example is valid. I know that it doesn't make much sense but it is a valid scenario.

<div igxButton>
   <p>test</p>
</div>

Do you want me to update only the docs or also the button styles?

[simeonoff]

Just the docs.

[zdrawku]

Already on prod https://www.infragistics.com/products/ignite-ui-angular/angular/components/button