s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Projects · Components

TimeSummary

Props for TimeSummary component

Public export

typescript 
import { TimeSummary } from '@happyvertical/smrt-projects/svelte';
Import path
@happyvertical/smrt-projects/svelte
Props
11
Props described
11 of 11
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

NameTypeRequiredDescription
totalHoursnumberYesTotal hours across all time entries.
totalAmountnumberYesTotal charged or invoiced amount.
pendingHoursnumberNoHours awaiting approval.
pendingAmountnumberNoAmount awaiting approval.
approvedHoursnumberNoHours that have been approved.
approvedAmountnumberNoAmount that has been approved.
entryCountnumberNoNumber of time entries included in the summary.
currencyCurrencyNoCurrency code for formatting amounts.
showPendingbooleanNoShows the pending hours and amount card when there are pending items.
showApprovedbooleanNoShows the approved hours and amount card when there are approved items.
layout'horizontal' | 'grid'NoArranges summary cards in a grid or flexbox layout.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-projects package reference See package status, version, limitations, and all public subpaths.