Skip to content

Components

Install

npm i @verseva/designor vendor the two css files

Spacing utilities

KWThe mt-4 above me is the seamchiprow to content, on the scale

Button

8 variants

Field

2 states
As it appears on the quote.
Enter a work email first.

Checkbox + switch

2 variants

Permission picking

2 states
Forms

Two-line choice

3 variants
Role

Card

Quote 2081

Provenance complete. Ready for review.

Badge

4 variants
Verified 2 pending 1 failing Draft

Toast

2 variants
Quote issued to Northline Foods.
Blocked: rush ruling still open.

Confirm to erase

3 states

Table

MemberRole
Avery Laneavery@example.testAdmin
alexandria.konstantinopoulou@long-department.example.testalexandria.konstantinopoulou@long-department.example.testEditor
QuoteClientStatusAmount
Q-2081Northline FoodsVerified48,220.00
Q-2080Harbor BotanicsPending12,940.00

Pinned table header

QuoteClientStatusAmount
Q-2081Northline FoodsVerified48,220.00
Q-2080Harbor BotanicsPending12,940.00
Q-2079Cedar & PineVerified7,310.00
Q-2078Ridgeway LabsPending22,105.00
Q-2077Northline FoodsVerified3,980.00
Q-2076Saltmarsh Co.Verified15,600.00
Q-2075Harbor BotanicsPending9,450.00
Q-2074Ridgeway LabsVerified31,020.00

Bulk selection

QuoteClientStatusAmount
Q-2081Northline FoodsVerified48,220.00
Q-2080Harbor BotanicsPending12,940.00
Q-2079Cedar & PineVerified7,310.00
Q-2078Ridgeway LabsPending22,105.00

Stat tile

3 variants
18
Open quotes
4.4ms
p95 response
97%
Provenance complete

Chart card

Quotes closed

Last 4 weeks
W1
W2
W3
W4
Throughput doubled after the provenance sweep.

Segmented control

Filter chips

3 chips

List rows + identity

2 variants
KWQuote 2081 verified2 minutes ago48,220.00
MRMachine 12 recalibrated1 hour agoLogged
KWMR+3

Read-only field list

2 variants

Details

Phone
+1 555 0101
Company
Driftwood Cafe
Website
Not set
Email
Phone

Timeline

Activity

4
  1. Second location opens in March.Ben Okafor ·
  2. WS-02203 submittedWholesale accounts form · New
  3. New to QualifiedSofia Reyes · WS-02248 · Qualified
  4. Tasting booked for Thursday at the roastery.Sofia Reyes · WS-02248 ·

Skeleton

Select + textarea

2 variants
Assignment can change until the run starts.

Tabs

Row menu

2 variants

Tooltip

4 sources attached

Breadcrumbs

Pagination

Progress

Callout

2 variants
Heads up. The rate card moved to v18; open quotes keep their issued rates.
Rush window. This date is inside the 10-day floor and needs a ruling.

Empty state

No quotes yet The first one takes about four minutes.

Content accordion

Every batch, assayed
Stated dose vs measured dose, to two decimals, on every lot.
Dosing
Consistency beats timing; the streak matters more than the clock.

Top navigation

Console navigation · flat

Sheet

Issue quote 2081?

Every line carries provenance.

Console navigation · accordion

Console shell

18
Open quotes
2
Holds

Console shell · rail

18
Open quotes
2
Holds

Org switcher

Account capsule

Top bar

Notifications

What's new

Notification states

3 states

What's new states

3 states
VERSEVA · open source · MIT Built on VERSEVA Design