Chat trigger

the floating action button that opens a chat panel, with an optional unread badge.

Playground

unread 
 
 
  
Do & Don't
 
 
 
 
check_circleDo
 
anchor one to the bottom-right of the app and let the badge surface the unread count.
 
 
 
cancelDon't
 
place several on a screen; it should be the single entry point to chat.
 
 
 
 
Using it
 
 
  
 Angular  lucent-chat-trigger 
import { LucentChatTrigger } from '@design-foundry/lucent-angular';
 		 
 
 Stylesheet  .lucent-chat-trigger 
@design-foundry/lucent-styles/packs/messaging.css
 		 
  
 
  
API
 
 
 
NameKindTypeDefaultDescription
  
 icon input string forum the glyph. 
 unread input number 0 unread badge; 0 hides it. 
 ariaLabel input string Open chat accessible name. 
 clicked output Event  emits on activation. 
  
 
  
Theming
 
 
 
Color (2)
  
 
Size & spacing (2)
  
 
Border & radius (2)
  
 
Shadow (2)