Aggie UX Universal Partial Components

While each component is unique, there are a few partial components that are integrated into many different components. Understanding how they work will help you get the most out of the components that use them.

Buttons

A button is a visually dominant element that lets you perform an action or connects destinations. Buttons are integrated into many components and can be used on their own in custom content.

Example button:

CTA Links

A link is an HTML element (also called an anchor element) which allows you to connect words to destinations. CTA links are integrated into many components and can be used on their own in custom content.

Example CTA Link:

Heading Group

A heading group is a partial component that allows the addition of optional superheader before or subheader after the heading. Heading groups are available in most components.

Example heading group:

Intros

An intro is a partial component which can be used to unite component elements under a unifying heading with optional description and CTAs. Using a section intro can help quickly demonstrate how nested content is related. There are two types of intros in Aggie UX:

• Section Intro: A section intro is displayed across the top of the other pieces of content in a component
• Slab Intro: A slab intro is displayed to the left of the other pieces of content in a component

Example section intro: