| Style | Markup | Configuration |
|---|---|---|
Field Header |
<element class="sds-field"><h1></h1></element> | Weight: Semi-Bold / Size: 1.46rem / Line Height: 1.1 / Color: Base-Dark (#454540) |
Field Header Light |
<element class="sds-field"><h1 class="sds-light"></h1></element> | Weight: Semi-Bold / Size: 1.13rem / Line Height: 1.1 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field"></element> | Weight: Regular / Size: 0.93rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field--large"></element> | Weight: Regular / Size: 1.06rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field--small"></element> | Weight: Normal / Size: 0.87rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field"><element class="sds-field__value"></element></element> | Weight: Semi-Bold / Size: 1.0rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field"><element class="sds-field__value"><a class="usa-link"></a></element></element> | Weight: Semi-Bold / Size: 1.0rem / Line Height: 1.3 / Color: Indigo-Cool-60 (#3F57A6) |
|
|
<element class="sds-field"><element class="sds-field__value--large"></element></element> | Weight: Semi-Bold / Size: 1.13rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field"><element class="sds-field__value--large"><a class="usa-link"></a></element></element> | Weight: Semi-Bold / Size: 1.13rem / Line Height: 1.3 / Color: Indigo-Cool-60 (#3F57A6) |
|
|
<element class="sds-field"><element class="sds-field__value--small"></element></element> | Weight: Normal / Size: 0.87rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
|
<element class="sds-field"><element class="sds-field__value--small"><a class="usa-link"></a></element></element> | Weight: Normal / Size: 0.87rem / Line Height: 1.3 / Color: Indigo-Cool-60 (#3F57A6) |
|
Stacked Field Label
|
<div class="sds-field sds-field--stacked"> <div class="sds-field__name"></div> </div> | Weight: Normal / Size: 0.93rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Value
|
<div class="sds-field sds-field--stacked"> <div class="sds-value"></div> </div> | Weight: Semi-Bold / Size: 1rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Featured Field Label
|
<div class="sds-field sds-field--stacked sds-field--featured"> <div class="sds-field__name"></div> </div> | Weight: Light / Size: 0.93rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Featured Field Value
|
<div class="sds-field sds-field--stacked sds-field--featured"> <div class="sds-field__value"></div> </div> | Weight: Semi-Bold / Size: 1rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Small Label
|
<div class="sds-field sds-field--stacked sds-field--small"> <div class="sds-field__name"></div> </div> | Weight: Normal / Size: 0.87rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Small Value
|
<div class="sds-field sds-field--stacked sds-field--small"> <div class="sds-field__value"></div> </div> | Weight: Semi-Bold / Size: 1rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Large Label
|
<div class="sds-field sds-field--stacked sds-field--large"> <div class="sds-field__name"></div> </div> | Weight: Normal / Size: 1.06rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Large Value
|
<div class="sds-field sds-field--stacked sds-field--large"> <div class="sds-field__value"></div> </div> | Weight: Semi-Bold / Size: 1rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Paragraph Label
|
<div class="sds-field sds-field--stacked sds-field--paragraph"> <div class="sds-field__name"></div> </div> | Weight: Normal / Size: 0.93rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
|
Stacked Field Paragraph Value
|
<div class="sds-field sds-field--stacked sds-field--paragraph"> <div class="sds-field__value"></div> </div> | Weight: Semi-Bold / Size: 1rem / Line Height: 1.3 / Color: Base-Dark (#454540) |
Display name and value inline.
Display name and value stacked.