SkrButton — Types

The main button component used across 120+ files. Primary for form submissions and CTAs (dialogs, signing workflows). Secondary for cancel actions, alternate flows, and wizard back steps. Text for tertiary actions, filter toggles, and lightweight inline actions.

SkrButton — Colors (Primary type)

Default (info) for standard actions. Error for destructive actions like trial cancellation and user deletion. SES/AES/QES/Part11 for signature standard indicators. White on dark backgrounds (e.g. document viewer close).

SkrButton — Colors (Secondary type)

Used for alternative auth methods on login, cancel/dismiss in dialogs, back steps in identification wizards, and file upload actions (e.g. signature image cropper).

SkrButton — Colors (Text type)

Used for dashboard filter toggles, cancel actions in overlays, mobile search toggle, and inline navigation links in signup and SSO flows.

SkrButton — Sizes

xs, sm, md, lg, xl

SkrButton — States

Disabled until form validation passes (e.g. login, signup, name forms). Loading during async operations (API calls, payment processing). Block for full-width CTAs in dialogs and stacked layouts.

SkrButton — Icon Buttons

Close button in document viewer overlay, remove signers/observers in signer lists, mobile search toggle on dashboard, and toolbar actions in signature request pages.

SkrButtonGroup

Wraps SkrButtons with consistent sizing and layout. Stacked in form wizards (signup, billing setup). Filled for equal-width actions (signature image upload/delete). Row for dialog confirm/cancel pairs.

Default (row)

Stacked

Filled

Stacked + Reversed

ActionButton

Icon button with built-in tooltip. Used for row-level actions in tables and lists — edit, delete, download operations with descriptive hover text.

ShowMoreButton

Progressive disclosure toggle. Used in the signature request sidebar to expand full message text, in SimpleList to show additional items, and in Callouts to reveal extra info.

BigButton

Large white CTA with shadow and primary hover border. Used in onboarding surveys for mutually exclusive choices — company size selection in business registration and signup flows.

BigPrimaryButton

Large colored CTA with custom hover effect. Used for high-priority conversion actions — "Upgrade to Starter Plan" button with purple color scheme in the plan upgrade flow.

BigButtonGroup

Responsive grid of BigButtons built from a string array. Used in business registration and signup surveys for option groups like company size ("1-10", "11-50", "51-250") and signing volume selections.

Default (row)

Stacked

TextButton

Minimal plain-variant button with opacity hover. Used in business admin pages for secondary actions — document download in signing success overlay, billing portal links in plan details, coupon inputs, and seat management.