Loading States

Provide visual feedback during async operations to keep users informed.

UX Recommendation

"Show loading states during form submissions"

Users should always know when the system is working on their request.

Skeleton Loading

Use skeletons to show the shape of content that's loading. Better than spinners for lists and cards.

Button Loading States

Buttons should indicate loading and success states. Disable during loading to prevent double-submits.

State: idle

Inline Data Loading

For refreshing specific data without a full page reload.

Pipeline Value

—

Table/List Loading

Maintain table structure with row skeletons during data fetching.

Recent Deals

When to Use Skeletons

Initial page load
Loading lists or grids of items
Loading card content
Content layout is predictable

When to Use Spinners

Button actions (save, submit)
Small inline refreshes
Short operations (< 2 seconds)
Content layout is unknown

Loading States

Provide visual feedback during async operations to keep users informed.

UX Recommendation

"Show loading states during form submissions"

Users should always know when the system is working on their request.

Skeleton Loading

Use skeletons to show the shape of content that's loading. Better than spinners for lists and cards.

Button Loading States

Buttons should indicate loading and success states. Disable during loading to prevent double-submits.

State: idle

Inline Data Loading

For refreshing specific data without a full page reload.

Pipeline Value

—

Table/List Loading

Maintain table structure with row skeletons during data fetching.

Recent Deals

When to Use Skeletons

Initial page load
Loading lists or grids of items
Loading card content
Content layout is predictable

When to Use Spinners

Button actions (save, submit)
Small inline refreshes
Short operations (< 2 seconds)
Content layout is unknown