Money Geek UI Components
BadgeBest RankingBoxBreakLineButtonColumn Range ChartColumnsCompany Cross LinkingCompany LogoContent ValidatorExpand/CollapseIconList RankingOrderedListPlaygroundPremiumRankingPros/ConsQuoteAttributesContainer TypesDouble Quotes Basic UsageSingle Quote Basic UsageQuote Without Max WidthQuote ButtonQuotesWidgetReadmeStar RankingState Cross LinkingStaticPremiumTableStaticTable

Quote

Attributes

float
'left' │ 'center' │ 'right'
width
string
author
string
details
string
children
element │ string

Container Types

  • Double quotes container will show only when a heading tag (h1, h2, h3, etc) is used.
  • Single quote container will be used in all other cases.

Double Quotes Basic Usage

Single Quote Basic Usage

Quote Without Max Width

When a custom maximum width is not defined, the quote container adapts to the screen full width and aligns its content.