Component library
Components are fundamental units of a user interface, designed for specific functionality, structure, and style to promote consistency.
- Promotes consistency in design and user experience
- Makes building websites and apps faster and easier
- Ensures all pages and features look consistent
- Guides users with familiar layouts and styles
- Enhances usability and accessibility across devices
- Saves time and effort by leveraging pre-designed elements
Accessibility is crucial for ensuring all users can effectively use digital resources.
Testing responsive components across different devices enhances user satisfaction. Refer to the accessibility section under each component or visit the accessibility page for additional information.
Current components
Accordion
A list of headers that hide or reveal content.
Button
Used to trigger an action or event.
Column Layout control
Enables components to be placed side-by-side.
Featured content
Highlights content with text, image, & button.
Heading
Structures content and provides clear hierarchy.
Image
Adds pictures or illustrations to the page.
Navigation anchor
Links directly to specific sections on a page.
Side navigation
Links directly to related pages.
Table
A table contains data arranged in rows and columns.
Text
Input, format, and organize text content within a web page.
Vertical card
Contains content and actions about a single subject.
YouTube
Embeds and plays a YouTube video within a webpage.
Future components
The components below currently exist in AEM, but we are in the process of creating comprehensive documentation and best practices.
- AEM form
- Banner hero
- Calendar-listing
- Contact us card
- Document preview
- Event
- Featured alert
- Featured news
- Global alert banner
- GovDelivery
- Horizontal card
- Iframe
- Info card
- List
- Media object
- News wall
- Number header new
- Page alert
- Page title and image
- Project status
- Social media feed component
- Stats card
- Tab
- Title with button
- TxDOT quote card
- Video
- YouTube Wall