Skip to main content

default

Stock Screening Platform - Frontend API v0.1.0

Stock Screening Platform - Frontend API / components/freemium/LimitReachedModal / default

Function: default()

default(__namedParameters): Element

Defined in: src/components/freemium/LimitReachedModal.tsx:71

Limit reached modal component.

Shows when user exceeds daily usage limits, with attractive upgrade prompts and clear benefits of signing up.

Features​

  • Clear Messaging: Explains why access is limited
  • Benefit Highlights: Shows what user gets by signing up
  • Multiple CTAs: Sign up, login, or maybe later options
  • Accessible: Proper ARIA labels and keyboard navigation

Parameters​

__namedParameters​

LimitReachedModalProps

Returns​

Element

Example​

const [showLimitModal, setShowLimitModal] = useState(false)

// Check limit before action
const handleSearch = () => {
  if (!canPerformScreening(dailyScreeningLimit)) {
    setShowLimitModal(true)
    return
  }
  // Perform screening
}

return (
  <>
    <SearchButton onClick={handleSearch} />

    <LimitReachedModal
      open={showLimitModal}
      onClose={() => setShowLimitModal(false)}
      actionsUsed={screeningsToday}
      dailyLimit={dailyScreeningLimit}
    />
  </>
)