<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
>
<
div
style
=
"margin: 2rem; font-family: Roboto, sans-serif;"
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
h3
style
=
"margin-top: -1.5rem;"
>
Onsen UI CSS Component Icon Only Tabbar
</
h3
>
<
br
/>
</
div
>
<
div
class
=
"tabbar"
>
<
label
class
=
"tabbar__item"
>
<
input
type
=
"radio"
name
=
"tabbar-a"
>
<
button
class
=
"tabbar__button"
>
<
i
class
=
"tabbar__icon ion-ios-menu"
></
i
>
</
button
>
</
label
>
<
label
class
=
"tabbar__item"
>
<
input
type
=
"radio"
name
=
"tabbar-a"
checked
=
"checked"
>
<
button
class
=
"tabbar__button"
>
<
i
class
=
"tabbar__icon ion-ios-stats"
></
i
>
</
button
>
</
label
>
<
label
class
=
"tabbar__item"
>
<
input
type
=
"radio"
name
=
"tabbar-a"
>
<
button
class
=
"tabbar__button"
>
<
i
class
=
"tabbar__icon ion-ios-link"
></
i
>
</
button
>
</
label
>
<
label
class
=
"tabbar__item"
>
<
input
type
=
"radio"
name
=
"tabbar-a"
>
<
button
class
=
"tabbar__button"
>
<
i
class
=
"tabbar__icon ion-ios-home"
></
i
>
</
button
>
</
label
>
<
label
class
=
"tabbar__item"
>
<
input
type
=
"radio"
name
=
"tabbar-a"
>
<
button
class
=
"tabbar__button"
>
<
i
class
=
"tabbar__icon ion-ios-search"
></
i
>
</
button
>
</
label
>
<
label
class
=
"tabbar__item"
>
<
input
type
=
"radio"
name
=
"tabbar-a"
>
<
button
class
=
"tabbar__button"
>
<
i
class
=
"tabbar__icon ion-ios-person"
></
i
>
</
button
>
</
label
>
</
div
>
</
body
>
</
html
>