Buefy: b-field type does not show icons

Created on 17 Aug 2017  路  3Comments  路  Source: buefy/buefy

#
buefy




Overview of the problem

Buefy version: [0.5.0]
Vuejs version: [2.1.10]
OS/Browser:Chrom Ubuntu Linux

Description

<b-field label="Email" type="is-danger" message="This email is invalid"> <b-input type="email" value="john@" maxlength="30"> </b-input> </b-field>

Expected @rafaelpimpa


When I type a wrong email id it alerts the danger type but the small icon on the right-hand side of the input field is not shown instead it shows a message on that corner saying "ERROR" or for other types, it says like "WARNING" or "INFO" etc.
Thanks in advance.

need more info

Most helpful comment

change #Vue.use(Buefy); to look like this
Vue.use(Buefy, {
defaultIconPack: 'fa'
})

All 3 comments

@OGhawsi Did you import font-awesome or material icons? Is it working?

change #Vue.use(Buefy); to look like this
Vue.use(Buefy, {
defaultIconPack: 'fa'
})

Thanks so much @thamibn it worked.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

abhinukala picture abhinukala  路  3Comments

kylebradshaw picture kylebradshaw  路  3Comments

daenuprobst picture daenuprobst  路  3Comments

Shahinyanm picture Shahinyanm  路  3Comments

diego-lipinski-de-castro picture diego-lipinski-de-castro  路  3Comments