User (Avatar) theme

Overview
API
Theme
Examples

NbUserComponent

NameTheme VariableDefault ValueDescription
user-picture-box-background-colorrgba(0, 0, 0, 0)
user-picture-box-border-colorborder-basic-color-3#edf1f7
user-picture-box-border-width1px
user-initials-text-colortext-basic-color#222b45
user-initials-text-font-familytext-paragraph-font-familyOpen Sans, sans-serif
user-initials-text-font-weighttext-paragraph-font-weight400
user-name-text-colortext-basic-color#222b45
user-name-text-font-familytext-paragraph-font-familyOpen Sans, sans-serif
user-name-text-font-weighttext-paragraph-font-weight400
user-title-text-colortext-basic-color#222b45
user-title-text-font-familytext-paragraph-2-font-familyOpen Sans, sans-serif
user-title-text-font-weighttext-paragraph-2-font-weight400
user-rectangle-border-radius0.5rem
user-semi-round-border-radius0.75rem
user-round-border-radius50%
user-tiny-height1.25rem
user-tiny-width1.25rem
user-tiny-initials-text-font-sizetext-caption-font-size0.75rem
user-tiny-initials-text-line-heighttext-caption-line-height1rem
user-tiny-name-text-font-sizetext-caption-font-size0.75rem
user-tiny-name-text-line-heighttext-caption-line-height1rem
user-tiny-title-text-font-sizetext-caption-font-size0.75rem
user-tiny-title-text-line-heighttext-caption-line-height1rem
user-small-height1.5rem
user-small-width1.5rem
user-small-initials-text-font-sizetext-caption-font-size0.75rem
user-small-initials-text-line-heighttext-caption-line-height1rem
user-small-name-text-font-sizetext-caption-font-size0.75rem
user-small-name-text-line-heighttext-caption-line-height1rem
user-small-title-text-font-sizetext-caption-font-size0.75rem
user-small-title-text-line-heighttext-caption-line-height1rem
user-medium-height2.5rem
user-medium-width2.5rem
user-medium-initials-text-font-sizetext-paragraph-font-size0.9375rem
user-medium-initials-text-line-heighttext-paragraph-line-height1.25rem
user-medium-name-text-font-sizetext-paragraph-font-size0.9375rem
user-medium-name-text-line-heighttext-paragraph-line-height1.25rem
user-medium-title-text-font-sizetext-caption-font-size0.75rem
user-medium-title-text-line-heighttext-caption-line-height1rem
user-large-height3.25rem
user-large-width3.25rem
user-large-initials-text-font-sizetext-paragraph-font-size0.9375rem
user-large-initials-text-line-heighttext-paragraph-line-height1.25rem
user-large-name-text-font-sizetext-paragraph-font-size0.9375rem
user-large-name-text-line-heighttext-paragraph-line-height1.25rem
user-large-title-text-font-sizetext-paragraph-2-font-size0.8125rem
user-large-title-text-line-heighttext-paragraph-2-line-height1.125rem
user-giant-height4rem
user-giant-width4rem
user-giant-initials-text-font-sizetext-paragraph-font-size0.9375rem
user-giant-initials-text-line-heighttext-paragraph-line-height1.25rem
user-giant-name-text-font-sizetext-paragraph-font-size0.9375rem
user-giant-name-text-line-heighttext-paragraph-line-height1.25rem
user-giant-title-text-font-sizetext-paragraph-font-size0.9375rem
user-giant-title-text-line-heighttext-paragraph-line-height1.25rem
Global Search
Previous page
Alert
Next page

Need some help or found an issue?

Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.