'%20d='M64%205c-3%2018-15%2026-13%2043-9-5-13-13-13-22C20%2043%2015%2062%2022%2082c7%2022%2023%2037%2042%2041%2022-4%2039-21%2043-43%203-17-3-32-18-45%202%2011%200%2018-6%2025C84%2036%2075%2019%2064%205Z'%20/%3e%3cpath%20fill='url(%23heat)'%20d='M64%2045c-2%2015-14%2022-13%2038-5-4-8-9-9-15-7%2010-8%2020-4%2030%205%2012%2014%2020%2026%2023%2013-3%2023-12%2027-25%203-11%200-20-8-29%200%207-2%2012-6%2016%201-16-5-27-13-38Z'%20/%3e%3c!--%20The%20glasses%20render%20as%20two%20stacked%20stroke%20groups:%20a%20pale%20warm%20casing%20under%20a%20dark%20warm-charcoal%20stroke.%20The%20casing%20keeps%20the%20dark%20strokes%20legible%20where%20they%20leave%20the%20flame%20body%20(temple%20tips,%20lower%20rims)%20on%20dark%20backgrounds,%20and%20reads%20as%20a%20rim%20light%20against%20the%20flame%20on%20light%20ones.%20--%3e%3cg%20fill='none'%20stroke='%23ffe3ae'%20stroke-opacity='0.85'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke-width='14'%20d='M7%2063c12-4%2027-5%2043-1M78%2062c16-4%2031-3%2043%201'/%3e%3crect%20x='12'%20y='58'%20width='46'%20height='35'%20rx='13'%20stroke-width='14'/%3e%3crect%20x='70'%20y='58'%20width='46'%20height='35'%20rx='13'%20stroke-width='14'/%3e%3cpath%20stroke-width='13'%20d='M57%2066c5-4%209-4%2014%200'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%2333221b'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke-width='8'%20d='M7%2063c12-4%2027-5%2043-1M78%2062c16-4%2031-3%2043%201'/%3e%3crect%20x='12'%20y='58'%20width='46'%20height='35'%20rx='13'%20stroke-width='8'/%3e%3crect%20x='70'%20y='58'%20width='46'%20height='35'%20rx='13'%20stroke-width='8'/%3e%3cpath%20stroke-width='7'%20d='M57%2066c5-4%209-4%2014%200'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Feedback and overlays
WorkingStrip
No summary has been written for WorkingStrip. Everything below is generated from the declaration shipped in 0.57.40 and describes the real contract.Public export
typescript
import { WorkingStrip } from '@happyvertical/smrt-ui/feedback';- Import path
@happyvertical/smrt-ui/feedback- Props
- 15
- Props described
- 15 of 15
- Bindable state
- 0
- Callback events
- 6
- Verified release
- 0.57.40
Props
NameTypeRequiredDescription
statusWorkingStatusYesWhat is happening.variant'strip' | 'floating' | 'inline'No`strip` (above a bottom bar), `floating` (a pill), or `inline`.canStopbooleanNoShow a Stop button while the work runs, is paused, or waits.onstop() => voidNoStop the work.onpause() => voidNoPause the work (shows Pause while working; Escape pauses too).onresume() => voidNoContinue paused work (shows Continue while paused).onreview() => voidNoOpen what the work is waiting on (shows Review while waiting).onopen() => voidNoReopen the surface doing the work (strip and floating).ondismiss() => voidNoHide a finished status (shows Close once done, failed or cancelled).openLabelstringNoAccessible hint for `onopen` (default "Open").stopLabelstringNoStop button text (default "Stop").pauseLabelstringNoPause button text (default "Pause").resumeLabelstringNoContinue button text (default "Continue").reviewLabelstringNoReview button text (default "Review").announceIntervalMsnumberNoMinimum time between two polite step announcements. Default 2000ms.Bindable state
This component has no bindable public state.
Callback events
onstop() => voidonpause() => voidonresume() => voidonreview() => voidonopen() => voidondismiss() => void