UCLA Component Library
typography: Lead
In Progress
HTML
Info
<
p
class
=
"lead"
>
<!-- font-size: 24px; line-height 30px; -->
This is lead copy.
</
p
>
Handle:
@typography--lead
Variants
(20)
:
Default
,
H 1
,
H 2
,
H 3
,
H 4
,
H 5
,
H 6
,
Lead
,
Body Copy
,
Body Copy Small
,
Code
,
Right Align
,
Center Align
,
Left Align
,
Strong
,
Emphasis
,
Deleted
,
Marked
,
Inserted
,
Blockquote
Preview:
With layout
Component only
Filesystem Path:
src/components/03-typography/07-typography--lead.hbs
documentation
Overview
Installation
Download
Contribute
Contributing
Colors
Overview
Layout
Text
Interactive Light
Interactive Dark
Denotive
Typography
Overview
Headings
Lead Copy
Body Copy
Body Copy Small
Code
Other Text Styles
Links
Icons
Icons
Layout
Grid
Spacing
Component Guidelines
Documentation Templates
Component Documentation Template 1
Component Documentation Template 2
Accordion
Alerts
Banners
Buttons And Links
Cards
Factoids Rankings And Statistics
Footer
Forms
Lists
Navigation
Ribbons
Social
Tables
Tabs
Tiles
Utilities
Breakpoints
Visually Hidden
components
Grid
Spacing
Typography
Icons
Denotive Icons
Denotive Image
Denotive Svg
Social Icons
Social Image
Social Svg
Weather Icons
Weather Image
Weather Svg
Alerts
Default
Primary
Secondary
Success
Error
Warning
Button And Links
Button
Default
Primary
Secondary
Tertiary
Group
Pagination
Links
Cards
Default
Basic
Event
Featured Story
Story
Person
Factoids Rankings And Statistics
Statistics
Forms
Default
Checkbox
Fieldset Legend
Radio
Select Menu
Text
Lists
Ribbons
Default
Brand
Highlight
Social
Default
Links
Post Tiles
Table
Default
Right
Sort
Tabs