Money Geek UI Components
BadgeBest RankingAttributesAPI Basic UsageCustom Data Basic UsageBoxBreakLineButtonColumn Range ChartColumnsCompany Cross LinkingCompany LogoContent ValidatorExpand/CollapseIconList RankingOrderedListPlaygroundPremiumRankingPros/ConsQuoteQuote ButtonQuotesWidgetReadmeStar RankingState Cross LinkingStaticPremiumTableStaticTable

Best Ranking

Attributes

state
string
year
string
data
object │ Array<object>
collapsed
true │ false
true
maxItems
number
10
margin
object

API Basic Usage

Custom Data Basic Usage

Structure defined for data parameter:

const data = [
  {
    company: 'Allstate',
    url: 'https://www.allstate.com/auto-insurance.aspx',
    score: '75',
    satisfaction: '3',
    claims: '2',
    affordability: '3',
    stability: 'A+'
  },
  {
    company: 'GEICO',
    url: 'https://www.geico.com/',
    score: '85',
    satisfaction: '3',
    claims: '3',
    affordability: '3',
    stability: 'A++'
  },
  {
    company: 'Progressive',
    score: '80',
    satisfaction: '2',
    claims: '3',
    affordability: '3',
    stability: 'A+'
  },
  {
    company: 'State Farm',
    url: 'https://www.statefarm.com/insurance/auto',
    score: '90',
    satisfaction: '3',
    claims: '3',
    affordability: '3',
    stability: 'A++'
  },
  {
    company: 'USAA',
    score: '100',
    satisfaction: '5',
    claims: '5',
    affordability: '5',
    stability: 'A++'
  }
];