{"data":{"allMdx":{"edges":[{"node":{"fields":{"slug":"/contrast/angular/Installation"},"tableOfContents":{"items":[{"url":"#install-cdbangular","title":"Install CDBAngular"},{"url":"#usage","title":"Usage"}]}}},{"node":{"fields":{"slug":"/contrast/angular/navigation"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/angular/components"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/angular/index"},"tableOfContents":{"items":[{"url":"#contrast-design-bootstrap-angular-free","title":"Contrast Design Bootstrap Angular (Free)","items":[{"url":"#install","title":"Install"},{"url":"#usage","title":"Usage"}]},{"url":"#browser-support","title":"Browser support","items":[{"url":"#browsers-supported","title":"Browsers supported"},{"url":"#documentation","title":"Documentation"},{"url":"#pro-version","title":"PRO Version"},{"url":"#license","title":"License"},{"url":"#support-devwares","title":"Support Devwares","items":[{"url":"#follow-us-on-social-media","title":"Follow us on Social Media"},{"url":"#check-out-and-star-our-github-repository","title":"Check out and star our GitHub repository"}]}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/table"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/angular/sections"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/javascript/components"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/angular/widgets"},"tableOfContents":{"items":[{"items":[{"url":"#blog-card","title":"Blog Card","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#widget-cards","title":"Widget Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#counter-card","title":"Counter Card","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#invoices","title":"Invoices","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#ratings","title":"Ratings","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#events","title":"Events","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#alerts-and-notifications","title":"Alerts and Notifications","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-card-bootstrap-modules-used","title":"Contrast Card Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/navigation"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/javascript/table"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/javascript/sections"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/react/Installation"},"tableOfContents":{"items":[{"url":"#prerequisites","title":"Prerequisites:","items":[{"url":"#install-cdb-react","title":"Install CDB React"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/react/index"},"tableOfContents":{"items":[{"url":"#getting-started","title":"Getting Started"}]}}},{"node":{"fields":{"slug":"/contrast/angular/forms"},"tableOfContents":{"items":[{"url":"#forms","title":"Forms","items":[{"url":"#default-form-login","title":"Default Form Login","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]},{"url":"#contrast-form-login","title":"Contrast Form Login","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"},{"url":"#typescript-1","title":"typescript"}]}]}]}]},{"url":"#default-form-register","title":"Default Form Register","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#typescript-2","title":"typescript"}]}]}]}]},{"url":"#contrast-form-register","title":"Contrast Form Register","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"},{"url":"#typescript-3","title":"typescript"}]}]}]}]},{"url":"#default-form-subscription","title":"Default Form Subscription","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"},{"url":"#typescript-4","title":"typescript"}]}]}]}]},{"url":"#contrast-form-submission","title":"Contrast Form Submission","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"},{"url":"#typescript-5","title":"typescript"}]}]}]}]},{"url":"#default-form-contact","title":"Default Form Contact","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"},{"url":"#typescript-6","title":"typescript"}]}]}]}]},{"url":"#contrast-form-contact","title":"Contrast Form Contact","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"},{"url":"#typescript-7","title":"typescript"}]}]}]}]},{"url":"#login-form-with-icons","title":"Login Form with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"},{"url":"#typescript-8","title":"typescript"}]}]}]}]},{"url":"#login-form-with-outside-label","title":"Login Form with Outside Label","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"},{"url":"#typescript-9","title":"typescript"}]}]}]}]},{"url":"#sign-up-form-with-icon","title":"Sign Up Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-10","title":"html"},{"url":"#typescript-10","title":"typescript"}]}]}]}]},{"url":"#sign-up-form-outside-label","title":"Sign Up Form Outside Label","items":[{"items":[{"items":[{"items":[{"url":"#html-11","title":"html"},{"url":"#typescript-11","title":"typescript"}]}]}]}]},{"url":"#subscription-form-with-icon","title":"Subscription Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-12","title":"html"},{"url":"#typescript-12","title":"typescript"}]}]}]}]},{"url":"#subscription-form-with-outside-label","title":"Subscription Form with Outside Label","items":[{"items":[{"items":[{"items":[{"url":"#html-13","title":"html"},{"url":"#typescript-13","title":"typescript"}]}]}]}]},{"url":"#contact-form-with-icon","title":"Contact Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-14","title":"html"},{"url":"#typescript-14","title":"typescript"}]}]}]}]},{"url":"#contact-form-with-icon-1","title":"Contact Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-15","title":"html"},{"url":"#typescript-15","title":"typescript"}]}]}]}]},{"url":"#form-login","title":"Form Login","items":[{"items":[{"items":[{"items":[{"url":"#html-16","title":"html"},{"url":"#typescript-16","title":"typescript"}]}]}]}]},{"url":"#sign-up","title":"Sign Up","items":[{"items":[{"items":[{"items":[{"url":"#html-17","title":"html"},{"url":"#typescript-17","title":"typescript"}]}]}]}]},{"url":"#login-form","title":"Login Form","items":[{"items":[{"items":[{"items":[{"url":"#html-18","title":"html"},{"url":"#typescript-18","title":"typescript"}]}]}]}]},{"url":"#sign-up-with-background-image","title":"Sign Up with Background Image","items":[{"items":[{"items":[{"items":[{"url":"#html-19","title":"html"},{"url":"#typescript-19","title":"typescript"}]}]}]}]},{"url":"#sign-in-forms","title":"Sign In Forms","items":[{"items":[{"items":[{"items":[{"url":"#html-20","title":"html"},{"url":"#typescript-20","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-input-bootstrap-modules-used","title":"Contrast Input Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/sections"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/react/navigation"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/react/chart"},"tableOfContents":{"items":[{"url":"#charts","title":"Charts","items":[{"url":"#line-chart","title":"Line Chart"},{"url":"#dynamically-refreshed-line-chart","title":"Dynamically Refreshed Line chart"},{"url":"#scatter-chart","title":"Scatter Chart"},{"url":"#bubble-chart","title":"Bubble Chart"},{"url":"#bar-chart","title":"Bar Chart"},{"url":"#horizontal-bar-chart","title":"Horizontal Bar Chart"},{"url":"#dynamically-refreshed-bar-chart","title":"Dynamically Refreshed Bar Chart"},{"url":"#pie-chart","title":"Pie Chart"},{"url":"#doughnut-chart","title":"Doughnut Chart"},{"url":"#dynamically-refreshed-doughnut-chart","title":"Dynamically Refreshed Doughnut Chart"},{"url":"#polar-chart","title":"Polar Chart"},{"url":"#radar-chart","title":"Radar Chart"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/table"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/contrast/angular/components/animations"},"tableOfContents":{"items":[{"url":"#animation","title":"Animation","items":[{"url":"#simple-usage","title":"Simple Usage","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-animation-bootstrap-modules-used","title":"Contrast Animation Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/alert"},"tableOfContents":{"items":[{"url":"#alert","title":"Alert","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#typescript","title":"Typescript"},{"url":"#html","title":"HTML"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-alert-bootstrap-modules-used","title":"Contrast Alert Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/custom_pages"},"tableOfContents":{"items":[{"url":"#hero","title":"Hero","items":[{"url":"#hero-1","title":"Hero"},{"url":"#hero-2","title":"Hero 2"},{"url":"#hero-3","title":"Hero 3"},{"url":"#hero-4","title":"Hero 4"},{"url":"#hero-5","title":"Hero 5"}]},{"url":"#forms","title":"Forms","items":[{"url":"#create-account","title":"Create Account"},{"url":"#forgot-password","title":"Forgot Password"},{"url":"#forgot-password-2","title":"Forgot Password 2"},{"url":"#forgot-password-popup","title":"Forgot Password Popup"},{"url":"#sign-in","title":"Sign In"},{"url":"#sign-in-2","title":"Sign In 2"},{"url":"#sign-in-3","title":"Sign In 3"},{"url":"#sign-up","title":"Sign Up"},{"url":"#sign-up-2","title":"Sign Up 2"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/autocomplete"},"tableOfContents":{"items":[{"url":"#autocomplete","title":"Autocomplete","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#typescript","title":"Typescript"},{"url":"#html","title":"HTML"}]}]}]}]},{"url":"#usage-within-a-card","title":"Usage within a Card","items":[{"items":[{"items":[{"items":[{"url":"#typescript-1","title":"Typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-autocomplete-bootstrap-modules-used","title":"Contrast Autocomplete Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/widgets"},"tableOfContents":{"items":[{"items":[{"url":"#blog-card","title":"Blog Card"},{"url":"#widget-cards","title":"Widget Cards"},{"url":"#counter-card","title":"Counter Card"},{"url":"#invoices","title":"Invoices"},{"url":"#ratings","title":"Ratings"},{"url":"#events","title":"Events"},{"url":"#alerts-and-notifications","title":"Alerts and Notifications"}]},{"url":"#api","title":"API","items":[{"url":"#import-statement","title":"Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/badge"},"tableOfContents":{"items":[{"url":"#badges","title":"Badges","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#pill-badges","title":"Pill Badges","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#contextual-variations","title":"Contextual Variations","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#flat-badges","title":"Flat Badges","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#badges-with-icons","title":"Badges with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#rounded-badges-with-icons","title":"Rounded Badges with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-badge-bootstrap-modules-used","title":"Contrast Badge Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/box"},"tableOfContents":{"items":[{"url":"#box","title":"Box","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"HTML"}]}]}]}]},{"url":"#display","title":"Display","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#flex","title":"Flex","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#colors","title":"Colors","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#background-colors","title":"Background Colors","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-box-bootstrap-modules-used","title":"Contrast Box Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/accordion"},"tableOfContents":{"items":[{"url":"#accordion","title":"Accordion","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#typescript","title":"Typescript"},{"url":"#html","title":"html"}]}]}]}]},{"url":"#accordion-without-icon","title":"Accordion without Icon","items":[{"items":[{"items":[{"items":[{"url":"#typescript-1","title":"Typescript"}]},{"url":"#html-1","title":"HTML"}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-accordion-bootstrap-modules-used","title":"Contrast Accordion Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/breadcrumb"},"tableOfContents":{"items":[{"url":"#breadcrumb","title":"Breadcrumb","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#breadcrumb-with-icons","title":"Breadcrumb with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#breadcrumb-with-colors","title":"Breadcrumb with colors","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-breadcrumb-bootstrap-modules-used","title":"Contrast Breadcrumb Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/buttonGroup"},"tableOfContents":{"items":[{"url":"#buttongroup","title":"ButtonGroup","items":[{"url":"#multicolored-button-groups","title":"Multicolored Button Groups","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#rect-secondary-medium-with-space-between","title":"Rect Secondary Medium with Space Between","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#rect-secondary-small","title":"Rect Secondary Small","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#vertical-rect-secondary-large","title":"Vertical Rect Secondary Large","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#vertical-rect-secondary-medium","title":"Vertical Rect Secondary Medium","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#vertical-rect-secondary-small","title":"Vertical Rect Secondary Small","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#button-group-with-icon","title":"Button Group with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#button-group-with-dropdown","title":"Button Group with Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-button-group-bootstrap-modules-used","title":"Contrast Button Group Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/buttonToolbar"},"tableOfContents":{"items":[{"url":"#buttontoolbar","title":"ButtonToolbar","items":[{"url":"#example","title":"Example","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-button-toolbar-bootstrap-modules-used","title":"Contrast Button Toolbar Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/checkbox"},"tableOfContents":{"items":[{"url":"#checkbox","title":"Checkbox","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#cdbcheckbox","title":"CDBCheckbox","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#disabled-state","title":"Disabled state","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-checkbox-bootstrap-modules-used","title":"Contrast Checkbox Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/buttons"},"tableOfContents":{"items":[{"url":"#button","title":"Button","items":[{"url":"#examples-of-basic-contrast-styles-for-buttons","title":"Examples of Basic Contrast Styles For Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#circular-buttons","title":"Circular Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#outline-buttons","title":"Outline Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#circular-outline-buttons","title":"Circular Outline Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#flat-buttons","title":"Flat Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#label-at-the-side","title":"Label at the side","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#large-button-ending-with-text","title":"Large Button ending with Text","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#block-button","title":"Block Button","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]},{"url":"#buttons-with-icons","title":"Buttons with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"}]}]}]}]},{"url":"#button-sizes","title":"Button Sizes","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"}]}]}]}]},{"url":"#disabled-buttons","title":"Disabled Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-10","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-button-bootstrap-modules-used","title":"Contrast Button Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/dropdown"},"tableOfContents":{"items":[{"url":"#dropdown","title":"DropDown","items":[{"url":"#basic-dropdown","title":"Basic DropDown","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#primary-toggler-with-caret","title":"Primary Toggler with Caret","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#secondary-toggle-bar","title":"Secondary Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#danger-toggle-bar","title":"Danger Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#success-toggle-bar","title":"Success Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#large-dropdown","title":"Large DropDown","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#small-dropdown","title":"Small Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#disabled-danger-toggle-bar","title":"Disabled Danger Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]},{"url":"#menu-with-header","title":"Menu with Header","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"}]}]}]}]},{"url":"#menu-with-divider","title":"Menu with Divider","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"}]}]}]}]},{"url":"#disable-menu-items","title":"Disable Menu Items","items":[{"items":[{"items":[{"items":[{"url":"#html-10","title":"html"}]}]}]}]},{"url":"#active-menu-items","title":"Active Menu Items","items":[{"items":[{"items":[{"items":[{"url":"#html-11","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-dropdown-bootstrap-modules-used","title":"Contrast Dropdown Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/collapse"},"tableOfContents":{"items":[{"url":"#collapse","title":"Collapse","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#opened-collapse","title":"Opened Collapse","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-collapse-bootstrap-modules-used","title":"Contrast Collapse Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/icon"},"tableOfContents":{"items":[{"url":"#icon","title":"Icon","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#border-icons","title":"Border Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#spin-icons","title":"Spin Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#pull-icons","title":"Pull Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#pulse-icons","title":"Pulse Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#flip-icons","title":"Flip Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#rotate-icons","title":"Rotate Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#sizes","title":"Sizes","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-icon-bootstrap-modules-used","title":"Contrast Icon Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/iframe"},"tableOfContents":{"items":[{"url":"#iframe","title":"Iframe","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-iframe-bootstrap-modules-used","title":"Contrast iframe Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/inputgroup"},"tableOfContents":{"items":[{"url":"#inputgroup","title":"InputGroup","items":[{"url":"#basic-input-with-appended-text-after","title":"Basic input with appended text after","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#basic-input-with-appended-text-before","title":"Basic input with appended text before","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#run-function-on-icon-click","title":"Run function on icon click","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#small-input-group","title":"Small input group","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#large-input-group","title":"Large input group","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#input-group-with-checkbox","title":"Input group with checkbox","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#basic-input","title":"Basic input","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-inputgroup-bootstrap-modules-used","title":"Contrast InputGroup Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/footer"},"tableOfContents":{"items":[{"url":"#footer","title":"Footer","items":[{"url":"#example-1","title":"Example 1","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#example-2","title":"Example 2","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#example-3","title":"Example 3","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#example-4","title":"Example 4","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#example-5","title":"Example 5","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#example-6","title":"Example 6","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#example-7","title":"Example 7","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-footer-bootstrap-modules-used","title":"Contrast Footer Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/input"},"tableOfContents":{"items":[{"url":"#input","title":"Input","items":[{"url":"#default-input-types","title":"Default Input Types","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#input-sizing","title":"Input Sizing","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#input-with-icons","title":"Input with icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#input-with-md","title":"Input with MD","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#placeholder","title":"Placeholder","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#disabled-inputs","title":"Disabled Inputs","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#textarea","title":"Textarea","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#background","title":"Background","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-input-bootstrap-modules-used","title":"Contrast Input Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/notification"},"tableOfContents":{"items":[{"url":"#notification","title":"Notification","items":[{"url":"#custom-notification-types","title":"Custom Notification Types","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#notification-with-hidden-message","title":"Notification with Hidden Message","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#change-color-of-icon-box","title":"Change Color of Icon Box","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#notification-with-icons","title":"Notification with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#positioning","title":"Positioning","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-notification-bootstrap-modules-used","title":"Contrast Notification Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/card"},"tableOfContents":{"items":[{"url":"#card","title":"Card","items":[{"url":"#basic-examples","title":"Basic Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#simple-cards","title":"Simple Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#bordered-cards","title":"Bordered Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#artwork-top-cards","title":"Artwork Top Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#artwork-middle-cards","title":"Artwork Middle Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#widget-cards","title":"Widget Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#profile-display-card","title":"Profile Display Card","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#profile-list-card","title":"Profile List Card","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]},{"url":"#artwork-full-cards","title":"Artwork Full Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"}]}]}]}]},{"url":"#profile-cards","title":"Profile Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-card-bootstrap-modules-used","title":"Contrast Card Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/pane"},"tableOfContents":{"items":[{"url":"#pane","title":"Pane","items":[{"url":"#pane-with-location-marker","title":"Pane with Location Marker","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#pane-with-dropdown","title":"Pane with Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-pane-bootstrap-modules-used","title":"Contrast Pane Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/modal"},"tableOfContents":{"items":[{"url":"#modal","title":"Modal","items":[{"url":"#custom-modal","title":"Custom Modal","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#modal-sizes","title":"Modal Sizes","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#modal-positions","title":"Modal Positions","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-modal-bootstrap-modules-used","title":"Contrast Modal Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/radio"},"tableOfContents":{"items":[{"url":"#radio","title":"Radio","items":[{"url":"#single-radio-example","title":"Single Radio Example","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#cdbradio","title":"CDBRadio","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-radio-bootstrap-modules-used","title":"Contrast Radio Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/progress"},"tableOfContents":{"items":[{"url":"#progress","title":"Progress","items":[{"url":"#circular-progress-color-variations","title":"Circular Progress Color Variations","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#circular-progress-size-variations","title":"Circular Progress Size Variations","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#rect-progress-default","title":"Rect Progress Default","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#rect-progress-color-variants","title":"Rect Progress Color Variants","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#fixed-height","title":"Fixed Height","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-progress-bootstrap-modules-used","title":"Contrast Progress Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/rating"},"tableOfContents":{"items":[{"url":"#rating","title":"Rating","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-rating-bootstrap-modules-used","title":"Contrast Rating Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/select"},"tableOfContents":{"items":[{"url":"#select","title":"Select","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-select-bootstrap-modules-used","title":"Contrast Select Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/select2"},"tableOfContents":{"items":[{"url":"#select","title":"Select","items":[{"url":"#select-button","title":"Select Button","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]},{"url":"#disable-select-button","title":"Disable Select Button","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"},{"url":"#typescript-1","title":"typescript"}]}]}]}]},{"url":"#colored-select-button","title":"Colored Select Button","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#typescript-2","title":"typescript"}]}]}]}]},{"url":"#colored-options-with-hover","title":"Colored Options with Hover","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"},{"url":"#typescript-3","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-select2-bootstrap-modules-used","title":"Contrast Select2 Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/slider"},"tableOfContents":{"items":[{"url":"#slider","title":"Slider","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#angular-bootstrap-slider-modules-used","title":"Angular Bootstrap Slider Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/spinner"},"tableOfContents":{"items":[{"url":"#spinner","title":"Spinner","items":[{"url":"#spinner-types","title":"Spinner Types","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#multicolor-spinner","title":"Multicolor Spinner","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#size-variations","title":"Size Variations","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-spinner-bootstrap-modules-used","title":"Contrast Spinner Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/multiselect"},"tableOfContents":{"items":[{"url":"#multiselect","title":"Multiselect","items":[{"url":"#basic-multiselect","title":"Basic Multiselect","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]},{"url":"#multiselect-with-search","title":"Multiselect with Search","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"},{"url":"#typescript-1","title":"typescript"}]}]}]}]},{"url":"#multiselect-with-submit-option","title":"Multiselect with Submit Option","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#typescript-2","title":"typescript"}]}]}]}]},{"url":"#multiselect-with-limited-options","title":"Multiselect with Limited Options","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"},{"url":"#typescript-3","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-multiselect-bootstrap-modules-used","title":"Contrast Multiselect Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/switch"},"tableOfContents":{"items":[{"url":"#switch","title":"Switch","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-switch-bootstrap-modules-used","title":"Contrast Switch Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/panels"},"tableOfContents":{"items":[{"url":"#panel","title":"Panel","items":[{"url":"#panel-with-dropdown","title":"Panel with Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#panel-with-users","title":"Panel with Users","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#panel-with-label","title":"Panel with Label","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#pane-list","title":"Pane List","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#panel-with-progress","title":"Panel with Progress","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-panel-bootstrap-modules-used","title":"Contrast Panel Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/stepper"},"tableOfContents":{"items":[{"url":"#stepper","title":"Stepper","items":[{"url":"#basic-vertical-stepper","title":"Basic Vertical Stepper","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]},{"url":"#basic-horizontal-stepper","title":"Basic Horizontal Stepper","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"},{"url":"#typescript-1","title":"typescript"}]}]}]}]},{"url":"#stepper-without-icons","title":"Stepper Without Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#typescript-2","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-stepper-bootstrap-modules-used","title":"Contrast Stepper Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/navigation/pagination"},"tableOfContents":{"items":[{"url":"#pagination","title":"Pagination","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-pagination-bootstrap-modules-used","title":"Contrast Pagination Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/navigation/sidebar"},"tableOfContents":{"items":[{"url":"#sidebar","title":"Sidebar","items":[{"url":"#sidebar-example","title":"Sidebar example","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-sidebar-bootstrap-modules-used","title":"Contrast Sidebar Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/navigation/navbar"},"tableOfContents":{"items":[{"url":"#navbar","title":"Navbar","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#example-2","title":"Example 2","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-navbar-bootstrap-modules-used","title":"Contrast Navbar Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/navigation/sidebar2"},"tableOfContents":{"items":[{"url":"#sidebar","title":"Sidebar","items":[{"url":"#sidebar-example","title":"Sidebar example","items":[{"items":[{"items":[{"items":[{"url":"#expanded","title":"Expanded"},{"url":"#collapsed","title":"Collapsed"},{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-sidebar-bootstrap-modules-used","title":"Contrast Sidebar Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/navigation/tabs"},"tableOfContents":{"items":[{"url":"#tab","title":"Tab","items":[{"url":"#default-tab","title":"Default Tab","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#tab-justified","title":"Tab Justified","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#tab-with-icons","title":"Tab with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-tab-bootstrap-modules-used","title":"Contrast Tab Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/sections/timepicker"},"tableOfContents":{"items":[{"url":"#timepicker","title":"TimePicker","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#angular-bootstrap-timepicker-modules-used","title":"Angular Bootstrap TimePicker Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/table/datatables"},"tableOfContents":{"items":[{"url":"#datatables","title":"DataTables","items":[{"url":"#basic-datatable","title":"Basic DataTable","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/table/fixed_datatables"},"tableOfContents":{"items":[{"url":"#fixed-datatables","title":"Fixed DataTables","items":[{"url":"#fixed-datatable","title":"Fixed DataTable","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/accordion"},"tableOfContents":{"items":[{"url":"#accordion","title":"Accordion","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#script","title":"Script"},{"url":"#html","title":"HTML"}]}]}]}]},{"url":"#accordion-without-icon","title":"Accordion without Icon","items":[{"items":[{"items":[{"items":[{"url":"#script-1","title":"Script"},{"url":"#html-1","title":"HTML"}]}]}]}]}]},{"url":"#usage","title":"Usage","items":[{"url":"#contrast-accordion-bootstrap-modules-used","title":"Contrast Accordion Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/table/table"},"tableOfContents":{"items":[{"url":"#table","title":"Table","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]},{"url":"#table-head-options","title":"Table Head Options","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"},{"url":"#typescript-1","title":"typescript"}]}]}]}]},{"url":"#striped-table","title":"Striped Table","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#typescript-2","title":"typescript"}]}]}]}]},{"url":"#bordered-table","title":"Bordered Table","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"},{"url":"#typescript-3","title":"typescript"}]}]}]}]},{"url":"#borderless-table","title":"Borderless Table","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"},{"url":"#typescript-4","title":"typescript"}]}]}]}]},{"url":"#hover-able-rows","title":"Hover able Rows","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"},{"url":"#typescript-5","title":"typescript"}]}]}]}]},{"url":"#small-table","title":"Small Table","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"},{"url":"#typescript-6","title":"typescript"}]}]}]}]},{"url":"#captions","title":"Captions","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"},{"url":"#typescript-7","title":"typescript"}]}]}]}]},{"url":"#responsive-tables","title":"Responsive Tables","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"},{"url":"#typescript-8","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-table-bootstrap-modules-used","title":"Contrast Table Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/alert"},"tableOfContents":{"items":[{"url":"#alert","title":"Alert","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#dismissable-alert-button","title":"Dismissable Alert Button","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"HTML"}]}]}]}]},{"url":"#dismissable-alert-button-with-javascript","title":"Dismissable Alert Button with Javascript","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"HTML"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/animations"},"tableOfContents":{"items":[{"url":"#animation","title":"Animation","items":[{"url":"#simple-usage","title":"Simple Usage"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-animation-bootstrap-modules-used","title":"Contrast Animation Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/table/editabletable"},"tableOfContents":{"items":[{"url":"#editabletable","title":"EditableTable","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#typescript","title":"typescript"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-editabletable-bootstrap-modules-used","title":"Contrast EditableTable Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/autocomplete"},"tableOfContents":{"items":[{"url":"#autocomplete","title":"Autocomplete","items":[{"url":"#examples","title":"Examples"},{"url":"#usage-within-a-card","title":"Usage within a Card"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/badge"},"tableOfContents":{"items":[{"url":"#badges","title":"Badges","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#pill-badges","title":"Pill Badges","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#contextual-variations","title":"Contextual Variations","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#flat-badges","title":"Flat Badges","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#badges-with-icons","title":"Badges with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/breadcrumb"},"tableOfContents":{"items":[{"url":"#breadcrumb","title":"Breadcrumb","items":[{"url":"#breadcrumbs-for-navigation","title":"Breadcrumbs for navigation","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/box"},"tableOfContents":{"items":[{"url":"#box","title":"Box","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"HTML"}]}]}]}]},{"url":"#display","title":"Display","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#flex","title":"Flex","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#colors","title":"Colors","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#background-colors","title":"Background Colors","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/buttonToolbar"},"tableOfContents":{"items":[{"url":"#buttontoolbar","title":"ButtonToolbar","items":[{"url":"#example","title":"Example","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/buttonGroup"},"tableOfContents":{"items":[{"url":"#buttongroup","title":"ButtonGroup","items":[{"url":"#basic-button-groups","title":"Basic Button Groups","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#basic-circular-groups","title":"Basic Circular Groups","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#basic-button-groups-in-different-groups","title":"Basic Button Groups in Different Groups","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#vertical-button-groups","title":"Vertical Button Groups","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#different-sizing-for-button-groups","title":"Different Sizing for Button Groups","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/buttons"},"tableOfContents":{"items":[{"url":"#button","title":"Button","items":[{"url":"#examples-of-basic-contrast-styles-for-buttons","title":"Examples of Basic Contrast Styles For Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#circular-buttons","title":"Circular Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#outline-buttons","title":"Outline Buttons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#large-button","title":"Large Button","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#small-button","title":"Small Button","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#buttons-with-icons","title":"Buttons with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#block-button","title":"Block Button"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/checkbox"},"tableOfContents":{"items":[{"url":"#checkbox","title":"Checkbox","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#basic-inline-checkbox","title":"Basic Inline Checkbox","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#different-styling-for-checkbox","title":"Different Styling for Checkbox","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/carousel"},"tableOfContents":{"items":[{"url":"#carousel","title":"Carousel","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/mask"},"tableOfContents":{"items":[{"url":"#mask","title":"Mask","items":[{"url":"#mask-patterns","title":"Mask Patterns","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#mask-light-overlay","title":"Mask Light Overlay","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#mask-strong-overlay","title":"Mask Strong Overlay","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-mask-bootstrap-modules-used","title":"Contrast Mask Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/collapse"},"tableOfContents":{"items":[{"url":"#collapse","title":"Collapse","items":[{"url":"#examples","title":"Examples"},{"url":"#opened-collapse","title":"Opened Collapse"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/datepicker"},"tableOfContents":{"items":[{"url":"#datepicker","title":"DatePicker","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/datatables"},"tableOfContents":{"items":[{"url":"#datatables","title":"DataTables","items":[{"url":"#basic-datatable","title":"Basic DataTable","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#not-striped-datatable","title":"Not Striped DataTable","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/dropdown"},"tableOfContents":{"items":[{"url":"#dropdown","title":"DropDown","items":[{"url":"#basic-dropdown","title":"Basic DropDown","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#primary-toggler-with-caret","title":"Primary Toggler with Caret","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#secondary-toggle-bar","title":"Secondary Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#danger-toggle-bar","title":"Danger Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#success-toggle-bar","title":"Success Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#large-dropdown","title":"Large DropDown","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#small-dropdown","title":"Small Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#disabled-danger-toggle-bar","title":"Disabled Danger Toggle Bar","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]},{"url":"#menu-with-header","title":"Menu with Header","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"}]}]}]}]},{"url":"#menu-with-divider","title":"Menu with Divider","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"}]}]}]}]},{"url":"#disable-menu-items","title":"Disable Menu Items","items":[{"items":[{"items":[{"items":[{"url":"#html-10","title":"html"}]}]}]}]},{"url":"#active-menu-items","title":"Active Menu Items","items":[{"items":[{"items":[{"items":[{"url":"#html-11","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-dropdown-bootstrap-modules-used","title":"Contrast Dropdown Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/icon"},"tableOfContents":{"items":[{"url":"#icon","title":"Icon","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#border-icons","title":"Border Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#spin-icons","title":"Spin Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#pull-icons","title":"Pull Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#pulse-icons","title":"Pulse Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#rotate-icons","title":"Rotate Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#sizes","title":"Sizes","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/footer"},"tableOfContents":{"items":[{"url":"#footer","title":"Footer","items":[{"url":"#example-1","title":"Example 1","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#example-2","title":"Example 2","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#example-3","title":"Example 3","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#example-4","title":"Example 4","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#example-5","title":"Example 5","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#example-6","title":"Example 6","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#example-7","title":"Example 7","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/iframe"},"tableOfContents":{"items":[{"url":"#iframe","title":"Iframe","items":[{"url":"#examples","title":"Examples"},{"url":"#iframe-customized","title":"Iframe Customized"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/input"},"tableOfContents":{"items":[{"url":"#input","title":"Input","items":[{"url":"#default-input-types","title":"Default Input Types","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#input-sizing","title":"Input Sizing","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#input-with-icons","title":"Input with icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#input-with-different-styling","title":"Input with Different Styling","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#placeholder","title":"Placeholder","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/listgroup"},"tableOfContents":{"items":[{"url":"#listgroup","title":"LIstGroup","items":[{"url":"#list-group-with-badges","title":"List Group with Badges","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#list-group-as-link","title":"List Group as Link","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#label","title":"Label","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#color-list-group","title":"Color List Group","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/forms"},"tableOfContents":{"items":[{"url":"#forms","title":"Forms","items":[{"url":"#default-form-login","title":"Default Form Login","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#contrast-form-login","title":"Contrast Form Login","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#default-form-register","title":"Default Form Register","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#contrast-form-register","title":"Contrast Form Register","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#default-form-subscription","title":"Default Form Subscription","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#contrast-form-submission","title":"Contrast Form Submission","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#default-form-contact","title":"Default Form Contact","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#contrast-form-contact","title":"Contrast Form Contact","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]},{"url":"#login-form-with-icons","title":"Login Form with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"}]}]}]}]},{"url":"#login-form-with-outside-label","title":"Login Form with Outside Label","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"}]}]}]}]},{"url":"#sign-up-form-with-icon","title":"Sign Up Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-10","title":"html"}]}]}]}]},{"url":"#sign-up-form-outside-label","title":"Sign Up Form Outside Label","items":[{"items":[{"items":[{"items":[{"url":"#html-11","title":"html"}]}]}]}]},{"url":"#subscription-form-with-icon","title":"Subscription Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-12","title":"html"}]}]}]}]},{"url":"#subscription-form-without-icon","title":"Subscription Form without Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-13","title":"html"}]}]}]}]},{"url":"#contact-form-with-icon","title":"Contact Form with Icon","items":[{"items":[{"items":[{"items":[{"url":"#html-14","title":"html"}]}]}]}]},{"url":"#contact-form-with-outside-label","title":"Contact Form with Outside Label","items":[{"items":[{"items":[{"items":[{"url":"#html-15","title":"html"}]}]}]}]},{"url":"#form-login","title":"Form Login","items":[{"items":[{"items":[{"items":[{"url":"#html-16","title":"html"}]}]}]}]},{"url":"#sign-up","title":"Sign Up","items":[{"items":[{"items":[{"items":[{"url":"#html-17","title":"html"}]}]}]}]},{"url":"#login-form","title":"Login Form","items":[{"items":[{"items":[{"items":[{"url":"#html-18","title":"html"}]}]}]}]},{"url":"#sign-up-with-background-image","title":"Sign Up with Background Image","items":[{"items":[{"items":[{"items":[{"url":"#html-19","title":"html"}]}]}]}]},{"url":"#sign-in-forms","title":"Sign In Forms","items":[{"items":[{"items":[{"items":[{"url":"#html-20","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/mask"},"tableOfContents":{"items":[{"url":"#mask","title":"Mask","items":[{"url":"#mask-patterns","title":"Mask Patterns","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#mask-light-overlay","title":"Mask Light Overlay","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#mask-strong-overlay","title":"Mask Strong Overlay","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/card"},"tableOfContents":{"items":[{"items":[{"url":"#metadescription-bootstrap-card-is-responsive-and-interactive-slideshow-which-is-created-for-presenting-content-especially-images-and-videos","title":"metaDescription: \"Bootstrap Card is responsive and interactive slideshow which is created for presenting content, especially images and videos\""}]},{"url":"#card","title":"Card","items":[{"url":"#basic-cards","title":"Basic Cards","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#widget-cards","title":"Widget Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#counter-cards","title":"Counter Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#rating-cards","title":"Rating Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#event-list-cards","title":"Event List Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]},{"url":"#invoice-list-cards","title":"Invoice List Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-5","title":"html"}]}]}]}]},{"url":"#alerts-and-notifications-cards","title":"Alerts and Notifications Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-6","title":"html"}]}]}]}]},{"url":"#profile-display-cards","title":"Profile Display Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-7","title":"html"}]}]}]}]},{"url":"#profile-list-cards","title":"Profile List Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-8","title":"html"}]}]}]}]},{"url":"#blog-cards","title":"Blog Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-9","title":"html"}]}]}]}]},{"url":"#simple-cards","title":"Simple Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-10","title":"html"}]}]}]}]},{"url":"#bordered-cards","title":"Bordered Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-11","title":"html"}]}]}]}]},{"url":"#artwork-top-cards","title":"Artwork Top Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-12","title":"html"}]}]}]}]},{"url":"#artwork-middle-cards","title":"Artwork Middle Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-13","title":"html"}]}]}]}]},{"url":"#artwork-full-cards","title":"Artwork Full Cards","items":[{"items":[{"items":[{"items":[{"url":"#html-14","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/multiselect"},"tableOfContents":{"items":[{"url":"#multiselect","title":"Multiselect","items":[{"url":"#basic-multiselect","title":"Basic Multiselect","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/modal"},"tableOfContents":{"items":[{"url":"#modal","title":"Modal","items":[{"url":"#custom-modal","title":"Custom Modal","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#modal-sizes","title":"Modal Sizes","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#modal-positions","title":"Modal Positions","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/inputgroup"},"tableOfContents":{"items":[{"url":"#inputgroup","title":"InputGroup","items":[{"url":"#basic-input-with-appended-text-after","title":"Basic input with appended text after","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#basic-input-with-appended-text","title":"Basic input with appended text","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/pane"},"tableOfContents":{"items":[{"url":"#pane","title":"Pane","items":[{"url":"#pane-with-location-marker","title":"Pane with Location Marker","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#pane-with-dropdown","title":"Pane with Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/notification"},"tableOfContents":{"items":[{"url":"#notification","title":"Notification","items":[{"url":"#custom-notification-types","title":"Custom Notification Types","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#change-color-of-icon-box","title":"Change Color of Icon Box","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#notification-with-icons","title":"Notification with Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/panels"},"tableOfContents":{"items":[{"url":"#panel","title":"Panel","items":[{"url":"#panel-with-dropdown","title":"Panel with Dropdown","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#panel-with-users","title":"Panel with Users","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#panel-with-label","title":"Panel with Label","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#pane-list","title":"Pane List","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#panel-with-progress","title":"Panel with Progress","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/progress"},"tableOfContents":{"items":[{"url":"#progress","title":"Progress","items":[{"url":"#rect-progress-default","title":"Rect Progress Default","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#rect-progress-color-variants","title":"Rect Progress Color Variants","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#rectprogress-bar-with-height","title":"RectProgress bar with Height","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/popover"},"tableOfContents":{"items":[{"url":"#popover","title":"PopOver","items":[{"url":"#popovers","title":"Popovers","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#dismiss-popovers","title":"Dismiss Popovers","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#four-directions","title":"Four directions","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/radio"},"tableOfContents":{"items":[{"url":"#radio","title":"Radio","items":[{"url":"#single-radio-example","title":"Single Radio Example","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#bootstrap-radio-group-with-colors","title":"Bootstrap Radio Group with Colors","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/rating"},"tableOfContents":{"items":[{"url":"#rating","title":"Rating","items":[{"url":"#examples","title":"Examples"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/select"},"tableOfContents":{"items":[{"url":"#select","title":"Select","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/spinner"},"tableOfContents":{"items":[{"url":"#spinner","title":"Spinner","items":[{"url":"#spinner-types","title":"Spinner Types","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#multicolor-spinner","title":"Multicolor Spinner","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#size-variations","title":"Size Variations","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/slider"},"tableOfContents":{"items":[{"url":"#slider","title":"Slider","items":[{"url":"#examples","title":"Examples"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/select2"},"tableOfContents":{"items":[{"url":"#select","title":"Select","items":[{"url":"#select-button","title":"Select Button","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#disable-select-button","title":"Disable Select Button","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#colored-select-button","title":"Colored Select Button","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#colored-options-with-hover","title":"Colored Options with Hover","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/switch"},"tableOfContents":{"items":[{"url":"#switch","title":"Switch","items":[{"url":"#examples","title":"Examples"},{"url":"#rounded-switch","title":"Rounded Switch"}]}]}}},{"node":{"fields":{"slug":"/contrast/angular/components/listgroup"},"tableOfContents":{"items":[{"url":"#listgroup","title":"LIstGroup","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#list-group-as-link","title":"List Group as Link","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#label","title":"Label","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#color-list-group","title":"Color List Group","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#icons","title":"Icons","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]},{"url":"#api","title":"API","items":[{"url":"#contrast-listgroup-bootstrap-modules-used","title":"Contrast ListGroup Bootstrap Modules used"}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/stepper"},"tableOfContents":{"items":[{"url":"#stepper","title":"Stepper","items":[{"url":"#basic-vertical-stepper","title":"Basic Vertical Stepper","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#linear-stepper","title":"Linear Stepper","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#non-linear-stepper","title":"Non Linear Stepper","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/navigation/pagination"},"tableOfContents":{"items":[{"url":"#pagination","title":"Pagination","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#rounded-pagination","title":"Rounded Pagination","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#different-pagination-styling","title":"Different Pagination Styling","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#different-sizes","title":"Different Sizes","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/navigation/navbar"},"tableOfContents":{"items":[{"url":"#navbar","title":"Navbar","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#example-2","title":"Example 2","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/sections/timepicker"},"tableOfContents":{"items":[{"url":"#timepicker","title":"TimePicker","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/navigation/sidebar"},"tableOfContents":{"items":[{"url":"#sidebar","title":"Sidebar","items":[{"url":"#sidebar-example","title":"Sidebar example","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"},{"url":"#script","title":"Script"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/components/table"},"tableOfContents":{"items":[{"url":"#table","title":"Table","items":[{"url":"#examples","title":"Examples","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#variants","title":"Variants","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#striped-table","title":"Striped Table","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#dark-tables","title":"Dark tables","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]},{"url":"#hoverable-rows","title":"Hoverable Rows","items":[{"items":[{"items":[{"items":[{"url":"#html-4","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/javascript/navigation/tabs"},"tableOfContents":{"items":[{"url":"#tab","title":"Tab","items":[{"url":"#default-tab","title":"Default Tab","items":[{"items":[{"items":[{"items":[{"url":"#html","title":"html"}]}]}]}]},{"url":"#tab-justified","title":"Tab Justified","items":[{"items":[{"items":[{"items":[{"url":"#html-1","title":"html"}]}]}]}]},{"url":"#tabs-fill","title":"Tabs fill","items":[{"items":[{"items":[{"items":[{"url":"#html-2","title":"html"}]}]}]}]},{"url":"#tabs-vertical","title":"Tabs Vertical","items":[{"items":[{"items":[{"items":[{"url":"#html-3","title":"html"}]}]}]}]}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/alert"},"tableOfContents":{"items":[{"url":"#react-alerts","title":"React Alerts","items":[{"url":"#react-alert-examples","title":"React Alert Examples"},{"url":"#additional-content","title":"Additional Content"},{"url":"#dismissing","title":"Dismissing"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-alert-import-statement","title":"Contrast Alert Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/accordion"},"tableOfContents":{"items":[{"url":"#accordion","title":"Accordion","items":[{"url":"#default-accordion","title":"Default Accordion"},{"url":"#accordion-without-icon","title":"Accordion without Icon"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-accordion-import-statement","title":"Contrast Accordion Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/animations"},"tableOfContents":{"items":[{"url":"#animation","title":"Animation","items":[{"url":"#simple-usages","title":"Simple Usages"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-animation-import-statement","title":"Contrast Animation Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/autocomplete"},"tableOfContents":{"items":[{"url":"#autocomplete","title":"Autocomplete","items":[{"url":"#examples","title":"Examples"},{"url":"#autocomplete-usage-within-a-card","title":"Autocomplete usage within a Card"},{"url":"#autocomplete-with-functions","title":"Autocomplete With Functions"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-autocomplete-import-statement","title":"Contrast Autocomplete Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/box"},"tableOfContents":{"items":[{"url":"#box","title":"Box","items":[{"url":"#examples","title":"Examples"},{"url":"#display","title":"Display"},{"url":"#flex","title":"Flex"},{"url":"#colors","title":"Colors"},{"url":"#background-colors","title":"Background Colors"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-box-import-statement","title":"Contrast Box Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/badge"},"tableOfContents":{"items":[{"url":"#badges","title":"Badges","items":[{"url":"#examples","title":"Examples"},{"url":"#pill-badges","title":"Pill Badges"},{"url":"#contextual-variations","title":"Contextual Variations"},{"url":"#flat-badges","title":"Flat Badges"},{"url":"#badges-with-icons","title":"Badges with Icons"},{"url":"#rounded-badges-with-icons","title":"Rounded Badges with Icons"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-badge-import-statement","title":"Contrast Badge Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/breadcrumb"},"tableOfContents":{"items":[{"url":"#breadcrumb","title":"Breadcrumb","items":[{"url":"#examples","title":"Examples"},{"url":"#breadcrumb-with-icons","title":"Breadcrumb with Icons"},{"url":"#breadcrumb-with-colors","title":"Breadcrumb with colors"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-breadcrumb-import-statement","title":"Contrast Breadcrumb Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/buttonToolbar"},"tableOfContents":{"items":[{"url":"#buttontoolbar","title":"ButtonToolbar","items":[{"url":"#example","title":"Example"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-buttontoolbar-import-statement","title":"Contrast ButtonToolbar Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/buttonGroup"},"tableOfContents":{"items":[{"url":"#buttongroup","title":"ButtonGroup","items":[{"url":"#multicolored-button-groups","title":"Multicolored Button Groups"},{"url":"#rect-secondary-medium-with-space-between","title":"Rect Secondary Medium with Space Between"},{"url":"#rect-secondary-small","title":"Rect Secondary Small"},{"url":"#vertical-rect-secondary-large","title":"Vertical Rect Secondary Large"},{"url":"#vertical-rect-secondary-medium","title":"Vertical Rect Secondary Medium"},{"url":"#vertical-rect-secondary-small","title":"Vertical Rect Secondary Small"},{"url":"#button-group-with-icon","title":"Button Group with Icon"},{"url":"#button-group-with-dropdown","title":"Button Group with Dropdown"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-buttongroup-import-statement","title":"Contrast ButtonGroup Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/carousel"},"tableOfContents":{"items":[{"url":"#carousel","title":"Carousel","items":[{"url":"#example","title":"Example"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-carousel-import-statement","title":"Contrast Carousel Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/checkbox"},"tableOfContents":{"items":[{"url":"#checkbox","title":"Checkbox","items":[{"url":"#examples","title":"Examples"},{"url":"#cdbcheckbox","title":"CDBCheckbox"},{"url":"#disabled-state","title":"Disabled state"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-checkbox-import-statement","title":"Contrast Checkbox Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/buttons"},"tableOfContents":{"items":[{"url":"#button","title":"Button","items":[{"url":"#examples-of-basic-contrast-styles-for-buttons","title":"Examples of Basic Contrast Styles For Buttons"},{"url":"#circular-buttons","title":"Circular Buttons"},{"url":"#outline-buttons","title":"Outline Buttons"},{"url":"#circular-outline-buttons","title":"Circular Outline Buttons"},{"url":"#flat-buttons","title":"Flat Buttons"},{"url":"#label-at-the-side","title":"Label at the side"},{"url":"#large-button-ending-with-text","title":"Large Button ending with Text"},{"url":"#block-button","title":"Block Button"},{"url":"#buttons-with-icons","title":"Buttons with Icons"},{"url":"#button-sizes","title":"Button Sizes"},{"url":"#disabled-buttons","title":"Disabled Buttons"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-button-import-statement","title":"Contrast Button Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/collapse"},"tableOfContents":{"items":[{"url":"#collapse","title":"Collapse","items":[{"url":"#example","title":"Example"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-collapse-import-statement","title":"Contrast Collapse Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/icon"},"tableOfContents":{"items":[{"url":"#icon","title":"Icon","items":[{"url":"#examples","title":"Examples"},{"url":"#border-icons","title":"Border Icons"},{"url":"#spin-icons","title":"Spin Icons"},{"url":"#pull-icons","title":"Pull Icons"},{"url":"#pulse-icons","title":"Pulse Icons"},{"url":"#flip-icons","title":"Flip Icons"},{"url":"#rotate-icons","title":"Rotate Icons"},{"url":"#sizes","title":"Sizes"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-icon-import-statement","title":"Contrast Icon Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/dropdown"},"tableOfContents":{"items":[{"url":"#dropdown","title":"DropDown","items":[{"url":"#basic-dropdown","title":"Basic DropDown"},{"url":"#primary-toggler-with-caret","title":"Primary Toggler with Caret"},{"url":"#secondary-toggle-bar","title":"Secondary Toggle Bar"},{"url":"#danger-toggle-bar","title":"Danger Toggle Bar"},{"url":"#success-toggle-bar","title":"Success Toggle Bar"},{"url":"#large-dropdown","title":"Large DropDown"},{"url":"#small-dropdown","title":"Small Dropdown"},{"url":"#disabled-danger-toggle-bar","title":"Disabled Danger Toggle Bar"},{"url":"#menu-with-header","title":"Menu with Header"},{"url":"#menu-with-divider","title":"Menu with Divider"},{"url":"#disabled-menu-items","title":"Disabled Menu Items"},{"url":"#active-menu-items","title":"Active Menu Items"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-dropdown-import-statement","title":"Contrast DropDown Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/input"},"tableOfContents":{"items":[{"url":"#input","title":"Input","items":[{"url":"#default-input-types","title":"Default Input Types"},{"url":"#input-sizing","title":"Input Sizing"},{"url":"#input-with-icons","title":"Input with icons"},{"url":"#input-with-md","title":"Input with MD"},{"url":"#placeholder","title":"Placeholder"},{"url":"#disabled-inputs","title":"Disabled Inputs"},{"url":"#textarea","title":"Textarea"},{"url":"#background","title":"Background"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-input-import-statement","title":"Contrast Input Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/inputgroup"},"tableOfContents":{"items":[{"url":"#inputgroup","title":"InputGroup","items":[{"url":"#basic-input-with-appended-text-after","title":"Basic input with appended text after"},{"url":"#basic-input-with-appended-text-before","title":"Basic input with appended text before"},{"url":"#run-function-on-icon-click","title":"Run function on icon click"},{"url":"#small-input-group","title":"Small input group"},{"url":"#large-input-group","title":"Large input group"},{"url":"#input-group-with-checkbox","title":"Input group with checkbox"},{"url":"#basic-input","title":"Basic input"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-inputgroup-import-statement","title":"Contrast InputGroup Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/iframe"},"tableOfContents":{"items":[{"url":"#iframe","title":"Iframe","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-iframe-import-statement","title":"Contrast Iframe Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/card"},"tableOfContents":{"items":[{"url":"#card","title":"Card","items":[{"url":"#basic-examples","title":"Basic Examples"},{"url":"#simple-cards","title":"Simple Cards"},{"url":"#bordered-cards","title":"Bordered Cards"},{"url":"#artwork-top-cards","title":"Artwork Top Cards"},{"url":"#artwork-middle-cards","title":"Artwork Middle Cards"},{"url":"#widget-cards","title":"Widget Cards"},{"url":"#profile-display-card","title":"Profile Display Card"},{"url":"#profile-list-card","title":"Profile List Card"},{"url":"#artwork-full-cards","title":"Artwork Full Cards"},{"url":"#profile-cards","title":"Profile Cards"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-card-import-statement","title":"Contrast Card Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/footer"},"tableOfContents":{"items":[{"url":"#footer","title":"Footer","items":[{"url":"#example-1","title":"Example 1"},{"url":"#example-2","title":"Example 2"},{"url":"#example-3","title":"Example 3"},{"url":"#example-4","title":"Example 4"},{"url":"#example-5","title":"Example 5"},{"url":"#example-6","title":"Example 6"},{"url":"#example-7","title":"Example 7"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-footer-import-statement","title":"Contrast Footer Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/mask"},"tableOfContents":{"items":[{"url":"#mask","title":"Mask","items":[{"url":"#mask-patterns","title":"Mask Patterns"},{"url":"#mask-light-overlay","title":"Mask Light Overlay"},{"url":"#mask-strong-overlay","title":"Mask Strong Overlay"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-mask-import-statement","title":"Contrast Mask Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/multiselect"},"tableOfContents":{"items":[{"url":"#multiselect","title":"Multiselect","items":[{"url":"#basic-multiselect","title":"Basic Multiselect"},{"url":"#multiselect-with-search","title":"Multiselect with Search"},{"url":"#multiselect-with-submit-option","title":"Multiselect with Submit Option"},{"url":"#multiselect-with-limited-options","title":"Multiselect with Limited Options"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-multiselect-import-statement","title":"Contrast Multiselect Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/notification"},"tableOfContents":{"items":[{"url":"#notification","title":"Notification","items":[{"url":"#custom-notification-types","title":"Custom Notification Types"},{"url":"#notification-with-hidden-message","title":"Notification with Hidden Message"},{"url":"#notification-with-icons","title":"Notification with Icons"},{"url":"#positioning","title":"Positioning"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-notification-import-statement","title":"Contrast Notification Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/listgroup"},"tableOfContents":{"items":[{"url":"#listgroup","title":"ListGroup","items":[{"url":"#examples","title":"Examples"},{"url":"#list-group-as-link","title":"List Group as Link"},{"url":"#label","title":"Label"},{"url":"#color-list-group","title":"Color List Group"},{"url":"#icons","title":"Icons"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-listgroup-import-statement","title":"Contrast LIstGroup Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/pane"},"tableOfContents":{"items":[{"items":[{"url":"#pane-with-location-marker","title":"Pane with Location Marker"},{"url":"#pane-with-dropdown","title":"Pane with Dropdown"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-pane-import-statement","title":"Contrast Pane Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/progress"},"tableOfContents":{"items":[{"url":"#progress","title":"Progress","items":[{"url":"#circular-progress-color-variations","title":"Circular Progress Color Variations"},{"url":"#circular-progress-size-variations","title":"Circular Progress Size Variations"},{"url":"#react-progress-default","title":"React Progress Default"},{"url":"#react-progress-color-variants","title":"React Progress Color Variants"},{"url":"#fixed-height","title":"Fixed Height"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-progress-import-statement","title":"Contrast Progress Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/rating"},"tableOfContents":{"items":[{"url":"#rating","title":"Rating","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-rating-import-statement","title":"Contrast Rating Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/modal"},"tableOfContents":{"items":[{"url":"#modal","title":"Modal","items":[{"url":"#custom-modal","title":"Custom Modal"},{"url":"#modal-sizes","title":"Modal Sizes"},{"url":"#modal-positions","title":"Modal Positions"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-modal-import-statement","title":"Contrast Modal Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/select"},"tableOfContents":{"items":[{"url":"#select","title":"Select","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-select-import-statement","title":"Contrast Select Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/radio"},"tableOfContents":{"items":[{"url":"#radio","title":"Radio","items":[{"url":"#single-radio-example","title":"Single Radio Example"},{"url":"#cdbradio","title":"CDBRadio"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-radio-import-statement","title":"Contrast Radio Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/slider"},"tableOfContents":{"items":[{"url":"#slider","title":"Slider","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-slider-import-statement","title":"Contrast Slider Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/panels"},"tableOfContents":{"items":[{"url":"#panel","title":"Panel","items":[{"url":"#panel-with-dropdown","title":"Panel with Dropdown"},{"url":"#panel-with-users","title":"Panel with Users"},{"url":"#panel-with-label","title":"Panel with Label"},{"url":"#pane-list","title":"Pane List"},{"url":"#panel-with-progress","title":"Panel with Progress"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-panel-import-statement","title":"Contrast Panel Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/select2"},"tableOfContents":{"items":[{"url":"#select","title":"Select","items":[{"url":"#select-button","title":"Select Button"},{"url":"#disable-select-button","title":"Disable Select Button"},{"url":"#colored-select-button","title":"Colored Select Button"},{"url":"#cdbselect","title":"CDBSelect"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-select-import-statement","title":"Contrast Select Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/smoothscroll"},"tableOfContents":{"items":[{"url":"#smoothscroll","title":"SmoothScroll","items":[{"url":"#examples","title":"Examples"},{"url":"#cdbsmoothscroll","title":"CDBSmoothScroll"},{"url":"#disabled-state","title":"Disabled state"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-smoothscroll-import-statement","title":"Contrast SmoothScroll Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/spinner"},"tableOfContents":{"items":[{"url":"#spinner","title":"Spinner","items":[{"url":"#spinner-types","title":"Spinner Types"},{"url":"#multicolor-spinner","title":"Multicolor Spinner"},{"url":"#size-variations","title":"Size Variations"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-spinner-import-statement","title":"Contrast Spinner Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/switch"},"tableOfContents":{"items":[{"url":"#switch","title":"Switch","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-switch-import-statement","title":"Contrast Switch Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/components/stepper"},"tableOfContents":{"items":[{"url":"#stepper","title":"Stepper","items":[{"url":"#basic-vertical-stepper","title":"Basic Vertical Stepper"},{"url":"#basic-horizontal-stepper","title":"Basic Horizontal Stepper"},{"url":"#stepper-without-icons","title":"Stepper Without Icons"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-stepper-import-statement","title":"Contrast Stepper Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/navigation/navbar"},"tableOfContents":{"items":[{"url":"#navbar","title":"Navbar","items":[{"url":"#examples","title":"Examples"},{"url":"#example-2","title":"Example 2"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-navbar-import-statement","title":"Contrast Navbar Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/navigation/pagination"},"tableOfContents":{"items":[{"url":"#pagination","title":"Pagination","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-pagination-import-statement","title":"Contrast Pagination Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/navigation/sidebar"},"tableOfContents":{"items":[{"url":"#sidebar","title":"Sidebar","items":[{"url":"#sidebar-example","title":"Sidebar example"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-sidebar-import-statement","title":"Contrast Sidebar Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/sections/fileuploader"},"tableOfContents":{"items":[{"url":"#file-uploader","title":"File Uploader","items":[{"url":"#basic-example","title":"Basic Example"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-fileuploader-import-statement","title":"Contrast FileUploader Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/sections/datepicker"},"tableOfContents":{"items":[{"url":"#datepicker","title":"DatePicker","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-datepicker-import-statement","title":"Contrast DatePicker Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/sections/timepicker"},"tableOfContents":{"items":[{"url":"#timepicker","title":"TimePicker","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-timepicker-import-statement","title":"Contrast TimePicker Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/table/editabletable"},"tableOfContents":{"items":[{"url":"#editabletable","title":"EditableTable","items":[{"url":"#examples","title":"Examples"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-editabletable-import-statement","title":"Contrast EditableTable Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/navigation/tabs"},"tableOfContents":{"items":[{"url":"#tab","title":"Tab","items":[{"url":"#default-tab","title":"Default Tab"},{"url":"#tab-justified","title":"Tab Justified"},{"url":"#tab-with-icons","title":"Tab with Icons"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-tab-import-statement","title":"Contrast Tab Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/table/table"},"tableOfContents":{"items":[{"url":"#table","title":"Table","items":[{"url":"#examples","title":"Examples"},{"url":"#table-head-options","title":"Table Head Options"},{"url":"#striped-table","title":"Striped Table"},{"url":"#bordered-table","title":"Bordered Table"},{"url":"#borderless-table","title":"Borderless Table"},{"url":"#hoverable-rows","title":"Hoverable Rows"},{"url":"#small-table","title":"Small Table"},{"url":"#captions","title":"Captions"},{"url":"#responsive-tables","title":"Responsive Tables"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-table-import-statement","title":"Contrast Table Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/forms"},"tableOfContents":{"items":[{"url":"#forms","title":"Forms","items":[{"url":"#default-form-login","title":"Default Form Login"},{"url":"#contrast-form-login","title":"Contrast Form Login"},{"url":"#default-form-register","title":"Default Form Register"},{"url":"#contrast-form-register","title":"Contrast Form Register"},{"url":"#default-form-subscription","title":"Default Form Subscription"},{"url":"#contrast-form-submission","title":"Contrast Form Submission"},{"url":"#default-form-contact","title":"Default Form Contact"},{"url":"#contrast-form-contact","title":"Contrast Form Contact"},{"url":"#login-form-with-icons","title":"Login Form with Icons"},{"url":"#login-form-with-outside-label","title":"Login Form with Outside Label"},{"url":"#sign-up-form-with-icon","title":"Sign Up Form with Icon"},{"url":"#sign-up-form-outside-label","title":"Sign Up Form Outside Label"},{"url":"#subscription-form-with-icon","title":"Subscription Form with Icon"},{"url":"#subscription-form-with-outside-label","title":"Subscription Form with Outside Label"},{"url":"#contact-form-with-icon","title":"Contact Form with Icon"},{"url":"#contact-form-without-icon","title":"Contact Form without Icon"},{"url":"#form-login","title":"Form Login"},{"url":"#sign-up","title":"Sign Up"},{"url":"#login-form","title":"Login Form"},{"url":"#sign-up-with-background-image","title":"Sign Up with Background Image"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-forms-import-statement","title":"Contrast Forms Import Statement"}]}]}}},{"node":{"fields":{"slug":"/contrast/react/table/datatables"},"tableOfContents":{"items":[{"url":"#datatables","title":"DataTables","items":[{"url":"#basic-datatable","title":"Basic DataTable"},{"url":"#not-striped","title":"Not Striped"},{"url":"#fixed-height","title":"Fixed Height"},{"url":"#disabled-button","title":"Disabled Button"},{"url":"#full-pagination","title":"Full Pagination"},{"url":"#checkbox","title":"Checkbox"},{"url":"#no-search","title":"No Search"},{"url":"#no-sort","title":"No Sort"},{"url":"#no-info","title":"No Info"},{"url":"#no-pagination","title":"No Pagination"}]},{"url":"#api","title":"API","items":[{"url":"#contrast-datatable-import-statement","title":"Contrast DataTable Import Statement"}]}]}}},{"node":{"fields":{"slug":"/bootstrap-5-major-changes"},"tableOfContents":{"items":[{"url":"#bootstrap-5-major-changes","title":"Bootstrap 5 major changes"}]}}},{"node":{"fields":{"slug":"/bootstrap-5-navbar-using-contrast"},"tableOfContents":{}}},{"node":{"fields":{"slug":"/using-bootstrap-in-react"},"tableOfContents":{"items":[{"url":"#navbar","title":"Navbar"},{"url":"#landing-component","title":"Landing Component"}]}}}]}}}