Funding Circle home page
Funding Circle home page
Rules Layout patterns Components Pages
  1. M2DM
  2. Components
  3. 38 subpages
  • M2DM
    • Components
      • Forms
        • Atoms
          • Form element
          • Form field status
          • Form input
          • Form label
          • Form select
        • Checkbox
        • Input
        • Radio
          • RadioList
        • Search input
        • Select
        • Stylised Radio
        • Javascript
          • Currency input
      • Accordion
      • Breadcrumb
      • Card
      • Card Ticker
        • Javascript
      • Case study
      • Confetti Banner
      • Controls
        • Control button
        • Control icon
      • Cookie Statement
        • Javascript
      • CTA
        • CTA combo
      • Divider
      • Dropdown
      • Feature list
      • Footer
      • Header
        • Standard secondary navigation
        • Inverse secondary navigation
        • Minimal
      • Heroes
        • Brand Hero
        • Functional Hero
        • Editorial Hero
        • Hero sidekick
        • Two Column Hero
      • Icon
      • Loading
      • Meet the Team
      • Modal
      • Notice
      • Notification
        • Information
        • Attention
        • Success
        • Error
        • Javascript
      • Page Closer
      • Process diagrams
        • Loud process diagram
        • Process diagram
        • Process steps
      • Profile
      • Progress
      • Quote
      • Screamer
      • Statistics
      • Step card
        • Javascript
        • Step card list
      • Tabs
      • Text block
      • Totaliser
      • Trust components
        • Trust bar
        • Trust block
        • Trustpilot
      • Uploader
      • Video block
      • Calculator
      • Scroll to
    • Demo pages
      • Case Study
      • Container with aside
      • Homepage
      • Integration page
    • Developer
      • Dependencies
        • Breakpoints
        • Grids / columns
      • Helper functions
        • get-config
        • get-remaining-columns-width
        • get-var
        • Split string using a delimiter.
        • svg-icon
        • tshirt-to-index
      • Mixins
        • get-single-column-width
      • Utility classes
        • Alignment
        • Modifiers
        • Themes
        • Spacing
        • Fit content
        • Horizontal children
        • Responsive image
    • Rules
      • Typography
        • Responsive typography rules
        • Brand Heading
        • Paragraph Headings
        • Section Headings
        • Label
        • Lead Paragraph
        • Fonts
        • Stat
      • Gutters
      • Colors
      • Z-index
      • Functions
        • get-color
        • vspace
    • Layout patterns
      • Columns
      • Container with Aside
      • Equal columns
      • Equal grid
      • Page main
      • Grid 1-4-1
      • Grid 2-1
      • Page grid
      • Predefined grid classes
      • Pull column
    • Icons

Components

Description

Components are collections of rules applied to an element in a given context to satisfy a purpose.

Subcategories

  • Forms
  • Accordion
  • Breadcrumb
  • Card
  • Card Ticker
  • Case study
  • Confetti Banner
  • Controls
  • Cookie Statement
  • CTA
  • Divider
  • Dropdown
  • Feature list
  • Footer
  • Header
  • Heroes
  • Icon
  • Loading
  • Meet the Team
  • Modal
  • Notice
  • Notification
  • Page Closer
  • Process diagrams
  • Profile
  • Progress
  • Quote
  • Screamer
  • Statistics
  • Step card
  • Tabs
  • Text block
  • Totaliser
  • Trust components
  • Uploader
  • Video block
  • Calculator
  • Scroll to

Usage

Usage example

No examples available.

  • Contact |
  • GitHub |
  • Report issues |
  • Funding Circle

Copyright © Funding Circle 2018. All rights reserved.