Components

103 Components

Accordions

Last update: Nov 29, 2021

Uses theBootstrap collapse functionality to toggle panels.

Activity List

Last update: Nov 29, 2021

Activity list for Personalized content.

Alerts

Last update: Nov 29, 2021

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Badges

Last update: Nov 29, 2021

Easily highlight new or unread items by adding a badge.

Block Diagram

Last update: Nov 29, 2021

SA replacement for the Interactive Block Diagram, this component uses Slick Slider to present information with hotspots over a Block Diagram.

Buttons

Last update: Nov 29, 2021

The buttons component has many available button classes to quickly create a styled button.

Carousel Interactive

Last update: Nov 29, 2021

A visual component which presents interactive buttons overlaying an image, where each button reveals relevant data (similar to Tabs).

Collapse

Last update: Nov 29, 2021

Bootstrap collapse functionality

Communities

Last update: Nov 29, 2021

The Communities component is a stylized section combining a form and media object list.

Community Support

Last update: Nov 29, 2021

Community support module.

Content Wrapper

Last update: Nov 29, 2021

Provides common wrapper classes for abstract content for consistent display.

Context Nav (Jump to)

Last update: Nov 29, 2021

An unordered list in an aside container used to navigate to a section of the current page.

Custom Forms

Last update: Nov 29, 2021

Custom forms can be used in a variety of places on the CMS and isn't a component in theory.

Custom Search

Last update: Nov 29, 2021

A cascading form that adds additional dropdown selects based on a previous selection.

Datatables

Last update: Nov 29, 2021

Technical tables with filtering and pagination

Demos

Last update: Nov 29, 2021

Description coming soon!!!

Design Resources

Last update: Nov 29, 2021

Description coming soon!!!

Design Tools

Last update: Nov 29, 2021

Description coming soon!!!

Development Boards

Last update: Nov 29, 2021

Description coming soon!!!

Download list

Last update: Nov 29, 2021

A panel provided when downloading multiple files to identify file names, sizes, and download status.

Dynamic Component

Last update: Nov 29, 2021

Show automatically information from Solr with a single div

Features Accordion

Last update: Nov 29, 2021

An accordion list to display a list of features.

Features Lists

Last update: Nov 29, 2021

A simple list of features.

Flex Card One

Last update: Nov 29, 2021

Flexible card component intended to be versatile.

Flex Card Two

Last update: Nov 29, 2021

Flexible card component intended to be versatile.

Full Bleed Cards

Last update: Nov 29, 2021

Card style component with text overlaying an image.

Gated Videos

Last update: Nov 29, 2021

Gated Videos

Get Started Navigation

Last update: Nov 29, 2021

Table of contents for the Getting Started pages.

Get Started Tabs

Last update: Nov 29, 2021

Progressive navigation component used to walk a user through a process of working with a product.

Get Started (Jump Start Your Design)

Last update: Nov 29, 2021

Panel for providing resources used to get started working with a product.

Hero Lead

Last update: Nov 29, 2021

Text component used to give high level context to a problem or challenge in relation to the Hero banner.

Hero

Last update: Nov 29, 2021

Banner used to introduce the page with a page title and optional short description.

Icon Signposts

Last update: Nov 29, 2021

Provides a series of links shown below an icon.

Image Overlay

Last update: Nov 29, 2021

Provide text which overlays an image.

Images

Last update: Nov 29, 2021

General documentation for the usage of images.

Info Units in Left Nav

Last update: Nov 29, 2021

Content block to be displayed below other content in the left nav of a page template.

Info Unit

Last update: Nov 29, 2021

Legacy component used to provide additional resources related to a page.

Interactive Block Diagram

Last update: Nov 29, 2021

Provides a list of related links using a Bootstrap popover over a block diagram image.

Jump Start Your Design

Last update: Nov 29, 2021

The Jump Start Your Design component can contain a variety of content and uses hide/show functionality via bootstrap-collapse.js.

Key Parametrics

Last update: Nov 29, 2021

Table to display important data about a product.

Key Topic Cards

Last update: Nov 29, 2021

Card type component capable of providing information for a wide variety of uses, usally with an image and a call-to-action.

Labels

Last update: Nov 29, 2021

Easily append a status or message to any type element

Marketing Card

Last update: Nov 29, 2021

Ideal to place marketing content such as webinars, events, blogs, etc.

Media Flex

Last update: Nov 29, 2021

Extends the standard Bootstrap media component to be more visually rich and mobile responsive.

Megamenu My NXP

Last update: Nov 29, 2021

Megamenu pattern to be used across the NXP website.

Metadata

Last update: Nov 29, 2021

Common metadata styles to be used in a variety of situations.

Mobile Collapse

Last update: Nov 29, 2021

Wrapper to collapse simple components in mobile view with a button to toggle the display of the component.

Modals

Last update: Nov 29, 2021

Extension of Bootstrap's Modal component.

Notice Block

Last update: Nov 29, 2021

Notice block component to highlight important information to the user.

Our Partners

Last update: Nov 29, 2021

Used to display a variety of partner company logos on a page.

Overview

Last update: Nov 29, 2021

Provide an overview for the current page with an optional hide/show functionality.

Page Headline

Last update: Nov 29, 2021

Presents the page title along with additional action buttons such as print and social share icons.