<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h2
style
=
"color: green;"
>
GeeksforGeeks
</
h2
>
<
strong
>
Onsen UI CSS Component Material
Tabbar (Icon and Label)
</
strong
> <
br
> <
br
>
<
div
class="tabbar tabbar--top
tabbar--material">
<
label
class="tabbar__item
tabbar--material__item">
<
input
type
=
"radio"
name
=
"tabs"
checked
=
"checked"
>
<
button
class="tabbar__button
tabbar--material__button">
<
i
class="tabbar__icon
tabbar--material__icon
ion-ios-menu">
</
i
>
<
div
class="tabbar__label
tabbar--material__label">
Menu
</
div
>
</
button
>
</
label
>
<
label
class="tabbar__item
tabbar--material__item">
<
input
type
=
"radio"
name
=
"tabs"
checked
=
"checked"
>
<
button
class="tabbar__button
tabbar--material__button">
<
i
class="tabbar__icon
tabbar--material__icon
fa fa-bell">
</
i
>
<
div
class="tabbar__label
tabbar--material__label">
Subscribe
</
div
>
</
button
>
</
label
>
<
label
class="tabbar__item
tabbar--material__item">
<
input
type
=
"radio"
name
=
"tabs"
checked
=
"checked"
>
<
button
class="tabbar__button
tabbar--material__button">
<
i
class="tabbar__icon
tabbar--material__icon
zmdi zmdi-delete">
</
i
>
<
div
class="tabbar__label
tabbar--material__label">
Delete
</
div
>
</
button
>
</
label
>
<
label
class="tabbar__item
tabbar--material__item">
<
input
type
=
"radio"
name
=
"tabs"
checked
=
"checked"
>
<
button
class="tabbar__button
tabbar--material__button">
<
i
class="tabbar__icon
tabbar--material__icon
zmdi zmdi-phone">
</
i
>
<
div
class="tabbar__label
tabbar--material__label">
Phone
</
div
>
</
button
>
</
label
>
<
label
class="tabbar__item
tabbar--material__item">
<
input
type
=
"radio"
name
=
"tabs"
checked
=
"checked"
>
<
button
class="tabbar__button
tabbar--material__button">
<
i
class="tabbar__icon
tabbar--material__icon
zmdi zmdi-pin-account">
</
i
>
<
div
class="tabbar__label
tabbar--material__label">
Profile
</
div
>
</
button
>
</
label
>
</
div
>
</
center
>
</
body
>
</
html
>