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
A list of headers that hide or reveal content.
Used to trigger an action or event.
Enables components to be placed side-by-side.
Highlights content with text, image, & button.
Structures content and provides clear hierarchy.
Adds pictures or illustrations to the page.
Links directly to specific sections on a page.
Links directly to related pages.
A table contains data arranged in rows and columns.
Input, format, and organize text content within a web page.
Contains content and actions about a single subject.
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