AvatarButton
A button that contains the user’s Avatar.
Basic Usage
With Dropdown
Props set on Dropdown.Toggle get passed through to the "as" component
No label
For use in mobile viewports or constrained views.
CSS overrides can be applied to this component through the .btn-avatar class name.
Theme Variables (SCSS)#
$avatar-button-padding-left: .25em !default;$avatar-button-padding-left-sm: .25em !default;$avatar-button-padding-left-lg: .25em !default;
AvatarButton Props API
- children
stringThe button text
- className
stringA class name to append to the button
- showLabel
boolDefaulttrueShow the label or only the avatar
- size
enum'sm' | 'md' | 'lg'Default'md'The button size
- src
stringImage src of the avatar image
- variant
stringDefault'tertiary'The button style variant to use