UCLA Web Components

Grid

Ready

Error rendering page

Could not get view contents for component '@grid--thirteen' - component not found.

Search

components

- Grid
- Spacing
- Accordion
- Alerts
- Button
- Cards
- Carousel
- Footer And Email Signup
- Forms
- Links
- Lists
- Navigation
- Ribbons
- Social
- Factoids, Rankings & Statistics
- Table
- Tile
- Tabs

documentation

Overview
Install
Roadmap
- Grid
- Spacing
- Icons
- Visually Hidden
- Backgrounds
- - Overview
  - Headings
  - Lead Copy
  - Body Copy
  - Body Copy Small
  - Code
  - Other Text Styles
  - Links
- Accordion
- Alerts
- Buttons
- Cards
- Carousel
- Footer and Email Signup
- Forms
- Links
- Lists
- Navigation
- Ribbons
- Social
- Stat Touts
- Tables
- Tabs
- Tile
Support

Information

Built on:: 5/4/2022

Grid Variants

Default
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
Eleven
Twelve
Column Span
Nested Columns

Spacing Variants

Default
Padding
Center

Typography Variants

Default
H 1
H 2
H 3
H 4
H 5
H 6
Paragraph Lead
Paragraph
Paragraph Small
Code
Left Align
Center Align
Right Align
Strong
Emphasis
Deleted
Marked
Inserted
Blockquote

Alerts Variants

Default
Primary
Secondary
Success
Error
Warning

Button Variants

Default
Primary
Secondary
Tertiary
Group
Pagination

Cards Variants

Default
Basic
Event
Featured Story
Story
Info
Person

Carousel Variants

Default
Card
Image
Play Pause
Text

Footer And Email Signup Variants

Default
Department
Email
Global

Forms Variants

Default
Checkbox
Fieldset Legend
Radio
Select Menu
Text

Links Variants

Default
Inline
Links In List
Related Links
Resource Links
Tags

Lists Variants

Default
Ordered Lists
Unordered Lists

Navigation Variants

Default
Primary
Primary With Search Without Children
Primary No Search
Primary Without Search With Children
Secondary
Hamburger
Header Logo
Breadcrumb
Three Tier

Ribbons Variants

Default
Brand
Highlight

Social Variants

Default
Links
Post Tiles

Stat Touts Variants

Default
Factoid
Ranking
Statistics

Table Variants

Default
Right
Sort