Skip to content

[MdTabs] - Font Awesome support in components that uses the md-icon property #1843

@ajdalshov

Description

@ajdalshov

Font Awesome is supported by Vue Material when using it with md-icon and specifying the Font Awesome classes. However, components using md-icon as a property will not display Font Awesome icons, for example the md-tab component.

A proposal to support this is to either add a fa-icon property that specifically take Font Awesome classes as value, or to add a new v-else-if check at line 21 in MdTabs.vue that checks for Font Awesome class names in md-icon prop with a regex...

/^(fa[rsl]?\s)|(fa-)/g

...and then render Font Awesome icon with md-icon prop as class name if regex matches.

Also if other components use the md-icon property, do the same thing there.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions