Money Geek UI Components
BadgeBest RankingBoxBreakLineButtonColumn Range ChartColumnsCompany Cross LinkingCompany LogoContent ValidatorExpand/CollapseIconList RankingOrderedListPlaygroundPremiumRankingPros/ConsQuoteQuote ButtonQuotesWidgetAttributesInsurance TypesCompact Basic UsageFullWidth Basic UsageCustom UsageReadmeStar RankingState Cross LinkingStaticPremiumTableStaticTable

QuotesWidget

Attributes

type
'auto' │ 'home' │ 'renters'
'auto'
quoteType
string
title
string
description
string
fullWidth
bool
false
colored
bool
false
margin
object

Insurance Types

  • Auto
  • Home
  • Renters

Compact Basic Usage

This is the default style. You don't need to define anything more than the title and the description.

Auto Insurance

Home Insurance

Renters Insurance

FullWidth Basic Usage

To use the Full Width style, you must specify the fullWidth property as you can see in the example.

Auto Insurance

Home Insurance

Renters Insurance

Colored version

Custom Usage

Compact

FullWidth