Spinner theme

Overview
API
Theme
Examples

NbSpinnerComponent

NameTheme VariableDefault ValueDescription
spinner-text-colortext-basic-color#222b45
spinner-text-font-familytext-button-font-familyOpen Sans, sans-serif
spinner-text-font-sizetext-button-medium-font-size0.875rem
spinner-text-font-weighttext-button-font-weight700
spinner-text-line-heighttext-button-medium-line-height1rem
spinner-basic-background-colorcolor-basic-transparent-200rgba(143, 155, 179, 0.16)
spinner-basic-circle-filled-colortext-hint-color#8f9bb3
spinner-basic-circle-empty-colorrgba(0, 0, 0, 0)
spinner-primary-background-colorcolor-basic-transparent-200rgba(143, 155, 179, 0.16)
spinner-primary-circle-filled-colorcolor-primary-default#3366ff
spinner-primary-circle-empty-colorrgba(0, 0, 0, 0)
spinner-info-background-colorcolor-basic-transparent-200rgba(143, 155, 179, 0.16)
spinner-info-circle-filled-colorcolor-info-default#0095ff
spinner-info-circle-empty-colorrgba(0, 0, 0, 0)
spinner-success-background-colorcolor-basic-transparent-200rgba(143, 155, 179, 0.16)
spinner-success-circle-filled-colorcolor-success-default#00d68f
spinner-success-circle-empty-colorrgba(0, 0, 0, 0)
spinner-warning-background-colorcolor-basic-transparent-200rgba(143, 155, 179, 0.16)
spinner-warning-circle-filled-colorcolor-warning-default#ffaa00
spinner-warning-circle-empty-colorrgba(0, 0, 0, 0)
spinner-danger-background-colorcolor-basic-transparent-200rgba(143, 155, 179, 0.16)
spinner-danger-circle-filled-colorcolor-danger-default#ff3d71
spinner-danger-circle-empty-colorrgba(0, 0, 0, 0)
spinner-control-background-colorcolor-basic-control-transparent-200rgba(255, 255, 255, 0.16)
spinner-control-circle-filled-colorcolor-control-default#ffffff
spinner-control-circle-empty-colorrgba(0, 0, 0, 0)
spinner-height-tiny1rem
spinner-height-small1.25rem
spinner-height-medium1.5rem
spinner-height-large1.75rem
spinner-height-giant2rem
Icon
Previous page
Progress Bar
Next page

Need some help or found an issue?

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