Ractive Foundation Kitchensink Demo
This is a kitchensink demo of all the ractive components available in the styleguide.
Later, stuff like should be auto-generated into the styleguide website.
StructureNavigationButtonsTypographyContent some content second column third column
PrimarySuccessLinkh1. This is a very large header.h2. This is a large header.h3. This is a medium header.h4. This is a moderate header.h5. This is a small header.h6. This is a tiny header.h1.subheaderh2.subheaderh3.subheaderh4.subheaderh5.subheaderh6.subheaderLabelsdefaultradius secondaryinfosuccesswarningalert roundAccordion DemosAccordion demo 1Testing an anchor1Here is the active content for 1Testing an anchor2 (nested)
Nested accordion example:
Testing an anchor2.1 (nested)
Second nested accordion demo
Testing an anchor2.1.1Accordion 2.1.1: Lorem ipsumTesting an anchor2.1.2Accordion 2.1.2: Dolor sit ametTesting an anchor2.2Accordion 2: Dolor sit ametTesting an anchor3Here is the active content for 3Accordion demo 2Testing an anchor1Accordion 2: Lorem ipsumTesting an anchor2Accordion 2: Dolor sit amet
Pricing Table demo
Samsung Galaxy S6$49.99
Introducing the Samsung Galaxy S6 edge. Welcome to beauty without borders:
a design that feels like it melts away for a stunning, immersive experience.
Swiping the edge checks for calls and notifications from your loved ones.
It also makes staying connected via email, messages or social feeds simple and accessible*.
More than just dazzling, it lives in that special place where form meets function.
5.1 inches2k display138grams6.8mm thickApple Iphone 6 Pl$999.99
iPhone 6 PLUS isn’t simply bigger — it’s better in every way. Larger, yet dramatically thinner.
More powerful, but remarkably power-efficient. With a smooth metal surface that seamlessly
meets the new Retina HD display. It’s one continuous form where hardware and software function
in perfect unison, creating a new generation of iPhone that’s better by any measure.
5.5 inches7.1mm1920x1080 resolution retina display64-bit architectureTabsTab OneTab TwoTab ThreeTab FourTab Five
First tab content
Second tab content
Nested Tab OneNested Tab TwoNested Tab ThreeNested Tab Fourth
Nested first tab content
Nested second tab content
Nested third tab content
Nested fouth tab content
Third tab content
Four tab content
Nested Tab OneNested Tab TwoNested Tab ThreeNested Tab Fourth
Nested first tab content
Nested second tab content
Nested third tab content
Nested fouth tab content
Five tab content
Iconbar
See Foundation docs for icon-bar for usage details etc.