GetReferral

GetReferral displays a prompt to customers to either join us or login for a referral code.
Basic Usage


import {
    GetReferral,
    GetReferralTitle,
    GetReferralGrid,
    GetReferralCard,
    GetReferralCardBody,
    GetReferralCardTitle,
    GetReferralCardDescription,
    GetReferralCardButton
} from '@krakentech/coral-molecules';
 
<GetReferral>
    <GetReferralTitle>Get your referral code</GetReferralTitle>
    <GetReferralGrid>
        <GetReferralCard>
            <GetReferralCardBody>
                <GetReferralCardTitle>
                    Not a customer yet?
                </GetReferralCardTitle>
                <GetReferralCardDescription>
                    Get a quote and join in under two minutes
                </GetReferralCardDescription>
            </GetReferralCardBody>
            <GetReferralCardButton href="#">
                Join Octopus
            </GetReferralCardButton>
        </GetReferralCard>
        <GetReferralCard>
            <GetReferralCardBody>
                <GetReferralCardTitle>
                    Already a customer?
                </GetReferralCardTitle>
                <GetReferralCardDescription>
                    Log in to get your referral code to share and earn £50 for
                    each referral
                </GetReferralCardDescription>
            </GetReferralCardBody>
            <GetReferralCardButton href="#">Log in</GetReferralCardButton>
        </GetReferralCard>
    </GetReferralGrid>
</GetReferral>