Components

Also See

Home Page Hero

Details V

Name Test	Type(baseType)	Description
Headline	Richtext editor (Umbraco.TinyMCE)
Image	Media Picker (Umbraco.MediaPicker3)
Video Link	Single URL Picker (Umbraco.MultiUrlPicker)
Video Modal Content	Richtext editor (Umbraco.TinyMCE)

Watch Video

Home Page Hero

Headline Hero

Details V

Name Test	Type(baseType)	Description
Headline	Richtext editor (Umbraco.TinyMCE)
Video Link	Single URL Picker (Umbraco.MultiUrlPicker)

Headline Hero

Rich Text Row

Details V

Name Test	Type(baseType)	Description
Copy	Richtext editor (Umbraco.TinyMCE)
Use Narrow Container	Truefalse (Umbraco.TrueFalse)	If true, the text container will be more narrow on desktop rather than the full width.

This is rich text row

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum lobortis ipsum a felis sollicitudin molestie. Suspendisse velit neque, condimentum at porttitor ac, tincidunt vitae diam. Curabitur malesuada pharetra tincidunt. Fusce sed mi magna. Duis facilisis in tortor sed pellentesque. Nullam et ipsum et mauris dignissim pharetra. Etiam mattis mollis dolor eu aliquam. Mauris varius arcu ut efficitur posuere. Sed vestibulum, justo nec sollicitudin elementum, mauris felis tempus quam, eget scelerisque lectus purus ac lorem. Praesent pretium varius molestie. Aliquam erat volutpat. Donec id diam vitae nibh mollis mattis sit amet sed nibh. Aliquam venenatis ex urna, eu placerat tortor porttitor eget. Nunc id porta eros. Sed sollicitudin, dui sit amet pharetra ultricies, lacus urna consequat velit, in luctus odio elit sit amet lorem.

Image Storytelling Blade

Details V

Name Test	Type(baseType)	Description
Headline	Textstring (Umbraco.TextBox)
Text	Richtext editor (Umbraco.TinyMCE)
Image	Image Storytelling Blade - Image - Media Picker (Umbraco.MediaPicker3)
Image On Right	Image Storytelling Blade - Image Position - Toggle (Umbraco.TrueFalse)	if checked, image will be on the right on desktop.
Link	Single URL Picker (Umbraco.MultiUrlPicker)

Image Storytelling Row

Etiam mattis mollis dolor eu aliquam. Mauris varius arcu ut efficitur posuere. Sed vestibulum, justo nec sollicitudin elementum, mauris felis tempus quam, eget scelerisque lectus purus ac lorem.

Learn More

Custom Row

Details V

Item one

Item Two

Item Three

Call To Action Blade

Details V

Name Test	Type(baseType)	Description
Copy	Richtext editor (Umbraco.TinyMCE)
Headline	Textstring (Umbraco.TextBox)

Call to Action

Breadcrumb

Details V

Shared Component Library item

Details V

Name Test	Type(baseType)	Description
Component Library Item	Shared Component - Component Item - Multinode Treepicker (Umbraco.MultiNodeTreePicker)

This is a shared component from the component library.

Code Component

Details V

Name Test	Type(baseType)	Description
Code	Textarea (Umbraco.TextArea)

This is a code component

Placeholder

A blank component that can be used as a placeholder while building a page.

Details V

Name Test	Type(baseType)	Description
Headline	Textstring (Umbraco.TextBox)	The text to show in the placeholder box.

Placeholder

Image

Details V

Name Test	Type(baseType)	Description
Image	Image Media Picker (Umbraco.MediaPicker3)

Rich Text Item

Details V

Name Test	Type(baseType)	Description
Text	Richtext editor (Umbraco.TinyMCE)

This is a rich text item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum lobortis ipsum a felis sollicitudin molestie. Suspendisse velit neque, condimentum at porttitor ac, tincidunt vitae diam.

Curabitur malesuada pharetra tincidunt. Fusce sed mi magna. Duis facilisis in tortor sed pellentesque. Nullam et ipsum et mauris dignissim pharetra. Etiam mattis mollis dolor eu aliquam. Mauris varius arcu ut efficitur posuere. Sed vestibulum, justo nec sollicitudin elementum, mauris felis tempus quam, eget scelerisque lectus purus ac lorem. Praesent pretium varius molestie. Aliquam erat volutpat.

Donec id diam vitae nibh mollis mattis sit amet sed nibh. Aliquam venenatis ex urna, eu placerat tortor porttitor eget. Nunc id porta eros. Sed sollicitudin, dui sit amet pharetra ultricies, lacus urna consequat velit, in luctus odio elit sit amet lorem.

Body Tile

Details V

Name Test	Type(baseType)	Description
Headline	Textstring (Umbraco.TextBox)	This will be a h3 headline.
Image	Body Tile - Image - Media Picker (Umbraco.MediaPicker3)
Copy	Richtext editor (Umbraco.TinyMCE)

Body Tile

Body tile content can go here.

Hub Tile

Details V

Name Test	Type(baseType)	Description
Headline	Richtext editor (Umbraco.TinyMCE)
Image	Hub Tile - Image - Media Picker (Umbraco.MediaPicker3)
Link	Single URL Picker (Umbraco.MultiUrlPicker)

Hub Tile

Learn more

Video Item

Details V

Name Test	Type(baseType)	Description
Placeholder Image	Media Picker (Umbraco.MediaPicker3)
Video Source	Textstring (Umbraco.TextBox)

Product Tile

Details V

Name Test	Type(baseType)	Description
Headline	Textstring (Umbraco.TextBox)
Subhead	Textstring (Umbraco.TextBox)
Image	Product Tile - Image - Media Picker (Umbraco.MediaPicker3)
Price	Textstring (Umbraco.TextBox)	Can add <span> around text to show as a subscript.
Features Text	Richtext editor (Umbraco.TinyMCE)
Additional Feature Text	Textstring (Umbraco.TextBox)	Text for show more
Additional Features	Richtext editor (Umbraco.TinyMCE)
Button	Single URL Picker (Umbraco.MultiUrlPicker)

ThorScore Basic

More Profit

$9,999/yr

ThorScore
Step-By-Step Action Plan
Playbook
Design Core Systems to Increase Cash Flow
Streamline Key Profit Centers to Increase Valuation

One
Two
Three

Get Started

Umbraco Form

Details V

Name Test	Type(baseType)	Description
Headline	Textstring (Umbraco.TextBox)
Copy	Richtext editor (Umbraco.TinyMCE)
Umbraco Form	Umbraco Form - Form Picker (UmbracoForms.FormPicker)
Form Theme	Form Theme - Form Theme Picker (UmbracoForms.ThemePicker)

Form Test

First Name

Why do you want to submit this?

Do you agree to submit the form?

Expandable Text Item

Details V

Name Test	Type(baseType)	Description
Headline	Textstring (Umbraco.TextBox)
Text	Richtext editor (Umbraco.TinyMCE)

TODO: ComponentExpandableTextItem

Some text