Components
TrialBanner
A trial / upgrade banner for a sidebar footer.
A sidebar footer strip: an icon + a message on the left and a small action pill on the right, in a compact 28px row. The action uses the same soft-glow outlined-button shadow as the rest of the app. Tint the icon with tone for urgency.
A measured rebuild of a specific trial strip; its message/action are your own copy, so it's ready to use for any compact upgrade/notice banner.
Available since@crisp-ui-kit/crisp@0.11.0
Installation
npm install @crisp-ui-kit/crispUsage
import { TrialBanner } from "@crisp-ui-kit/crisp";
<TrialBanner icon={<Clock size={16} />} action="Keep Pro" onAction={upgrade}>
9 days left on trial!
</TrialBanner>;