Standard Data

Query Result Stats Bar

The strip above a results table that states what the query returned — row count, how long it took, and the filters applied — so people trust the table below without re-reading every filter chip themselves.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add standard-query-result-stats-bar

Built for astro.

Full docs for Query Result Stats Bar →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.1

Query Result Stats Bar

248 of 12,480 results found in 186 ms

Filtered by

Status: Open
Owner: Me
Priority: High

Props

Name	Type	Required	Default	Description
resultCount	number	Yes
totalCount	number	No
durationMs	number	No
appliedFilters	AppliedFilter[]	No	[]
locale	string	No	"en-US"
onClearFilters	string	No
class	string	No	""	optional id selector hint consumed by a parent script, not required

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/standard-query-result-stats-bar/QueryResultStatsBar.astro

Using the Query Result Stats Bar component

Install it with velocityx add standard-query-result-stats-bar. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Query Result Stats Bar

Props

File this creates

Using the Query Result Stats Bar component

Related components