Skip to content
Permalink
Browse files

chore(walkthrough): change to trial bar (#3250)

  • Loading branch information...
erlswtshrt authored and engai committed May 2, 2018
1 parent b14d034 commit fe8cfc1ec4fb34b866550279008109e7177932c9
@@ -207,7 +207,7 @@
'scoped-notifications/base/index',
'notifications/base/index',
'toast/modal-toast/deprecate', // keep until deprecation
'walkthrough/header/index',
'trial-bar/header/index',

// Lookup
'lookups/base/index',
@@ -15,7 +15,7 @@ import { CompoundForm } from '../form-layout/compound/example';
An HTML form element contains a HTML label and element
</div>

There are many types of form elements, including [inputs](/input), [text areas](/textarea), [checkboxes](/checkbox), and [radio buttons](/radio-group). Visit the individual component pages for in-depth details of specific states and visuals.
There are many types of form elements, including [inputs](/components/input), [text areas](/components/textarea), [checkboxes](/components/checkbox), and [radio buttons](/components/radio-group). Visit the individual component pages for in-depth details of specific states and visuals.

## Structuring a form element

@@ -2,10 +2,10 @@
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

/**
* @summary Walkthrough components are used to provide an interactive and educational prospect experience for setup.
* @summary Trial bar components are used to provide an interactive and educational prospect experience for setup.
*
* @base
* @name walkthrough
* @name trial-bar
* @selector .slds-trial-header
* @support dev-ready
*/
@@ -16,7 +16,7 @@
*
* When you add the class `slds-col` to the grid items, no padding or gutters are added. They are simply divisions of their parent. If you want gutters, add one of the spacing utility classes such as `slds-p-horizontal--small`, `slds-p-horizontal--medium`, `slds-p-horizontal--large`, `slds-p-around--small`, `slds-p-around--medium` or `slds-p-around--large`. These will add different sized gutters to the left and right side of your column.
*
* By default, the width of each column within a grid row is determined by the content within. Though this automatic sizing allows you to achieve most desired outcomes, you can add manual <a href="/components/utilities/sizing/">sizing classes</a> to the columns if you need specific column widths.
* By default, the width of each column within a grid row is determined by the content within. Though this automatic sizing allows you to achieve most desired outcomes, you can add manual <a href="/utilities/sizing/">sizing classes</a> to the columns if you need specific column widths.
*
* Using the manual sizing class helpers, you can specify a column span across the following grids &ndash;2, 3, 4, 5, 6, 7, 8 and 12. The grid supports up to 12 columns.
*

0 comments on commit fe8cfc1

Please sign in to comment.
You can’t perform that action at this time.