Previous CTA Banner Next Forgot Password

Newsletter Signup

A compact newsletter signup card with email input and subscribe button.

Card

Input

Button

Preview

Stay in the loop

Get the latest updates and news delivered to your inbox.

We respect your privacy. Unsubscribe at any time.

Code

<div class="w-full max-w-lg mx-auto">
    <BbCard>
        <BbCardHeader>
            <BbCardTitle>Stay in the loop</BbCardTitle>
            <BbCardDescription>Get the latest updates and news delivered to your inbox.</BbCardDescription>
        </BbCardHeader>
        <BbCardContent>
            <div class="flex flex-col sm:flex-row gap-3">
                <BbInput type="email" placeholder="Enter your email" class="flex-1" />
                <BbButton>Subscribe</BbButton>
            </div>
        </BbCardContent>
        <BbCardFooter>
            <BbTypographyMuted>We respect your privacy. Unsubscribe at any time.</BbTypographyMuted>
        </BbCardFooter>
    </BbCard>
</div>

Previous CTA Banner Next Forgot Password