Components

102 Components

Accordions

Last update: Jun 25, 2021

Uses theBootstrap collapse functionality to toggle panels.

Activity List

Last update: Apr 4, 2021

Activity list for Personalized content.

Alerts

Last update: Jul 14, 2021

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

Badges

Last update: Apr 4, 2021

Easily highlight new or unread items by adding a badge.

Block Diagram

Last update: Apr 4, 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: Apr 4, 2021

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

Carousel Interactive

Last update: Apr 4, 2021

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

Collapse

Last update: Apr 4, 2021

Bootstrap collapse functionality

Communities

Last update: Apr 4, 2021

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

Community Support

Last update: Apr 4, 2021

Community support module.

Content Wrapper

Last update: Apr 4, 2021

Provides common wrapper classes for abstract content for consistent display.

Context Nav (Jump to)

Last update: Apr 4, 2021

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

Custom Forms

Last update: Apr 4, 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: Apr 4, 2021

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

Datatables

Last update: Apr 4, 2021

Technical tables with filtering and pagination

Demos

Last update: Apr 4, 2021

Description coming soon!!!

Design Resources

Last update: Apr 4, 2021

Description coming soon!!!

Design Tools

Last update: Apr 4, 2021

Description coming soon!!!

Development Boards

Last update: Apr 4, 2021

Description coming soon!!!

Download list

Last update: Apr 4, 2021

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

Dynamic Component

Last update: Apr 7, 2021

Show automatically information from Solr with a single div

Features Accordion

Last update: Apr 4, 2021

An accordion list to display a list of features.

Features Lists

Last update: Apr 4, 2021

A simple list of features.

Flex Card One

Last update: Apr 4, 2021

Flexible card component intended to be versatile.

Flex Card Two

Last update: Apr 4, 2021

Flexible card component intended to be versatile.

Full Bleed Cards

Last update: Apr 4, 2021

Card style component with text overlaying an image.

Gated Videos

Last update: Apr 4, 2021

Gated Videos

Get Started Navigation

Last update: Apr 4, 2021

Table of contents for the Getting Started pages.

Get Started Tabs

Last update: Apr 4, 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: Apr 4, 2021

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

Hero Lead

Last update: Apr 4, 2021

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

Hero

Last update: Apr 4, 2021

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

Icon Signposts

Last update: Apr 4, 2021

Provides a series of links shown below an icon.

Image Overlay

Last update: Apr 4, 2021

Provide text which overlays an image.

Images

Last update: Apr 4, 2021

General documentation for the usage of images.

Info Units in Left Nav

Last update: Apr 4, 2021

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

Info Unit

Last update: Apr 4, 2021

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

Interactive Block Diagram

Last update: Apr 4, 2021

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

Jump Start Your Design

Last update: Apr 4, 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: Apr 4, 2021

Table to display important data about a product.

Key Topic Cards

Last update: Apr 4, 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: Apr 4, 2021

Easily append a status or message to any type element

Marketing Card

Last update: Apr 4, 2021

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

Media Flex

Last update: Aug 10, 2021

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

Megamenu My NXP

Last update: Apr 4, 2021

Megamenu pattern to be used across the NXP website.

Metadata

Last update: Apr 4, 2021

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

Mobile Collapse

Last update: Apr 4, 2021

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

Modals

Last update: Apr 4, 2021

Extension of Bootstrap's Modal component.

Notice Block

Last update: Apr 4, 2021

Notice block component to highlight important information to the user.

Our Partners

Last update: Apr 4, 2021

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

Overview

Last update: Apr 4, 2021

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

Page Headline

Last update: Apr 4, 2021

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

Piped Navigation

Last update: Apr 4, 2021

Horizontal list of anchor links that scroll the user to a section within the current page.

Primary Topic

Last update: Jun 15, 2021

Used to display a single, important related topic to the primary page content.

Product list

Last update: Apr 4, 2021

Provide a list of related products while either highlight each product's value or some metrics to compare between them.

Reference Designs

Last update: Apr 4, 2021

Description coming soon!!!

Provide a selection of recommended products based on the user's chosen application.

Recommended by peripheral application (Peripheral Finder)

Related Products - Title Component

Last update: Apr 4, 2021

Simple title provided above a collection of recommendation components on product summary pages.

Related Products

Last update: Apr 4, 2021

Collection of complimentary products displayed within a slider.

Related Products - Similar Products

Last update: Apr 4, 2021

Suggested by our experts

Related Videos

Last update: Apr 4, 2021

Vertical list of video thumbnails with content to the right including a title that is shortened to one line, a description, the view count and the video time.

Result item (In Progress)

Last update: Jul 13, 2021

Reusable component to be used when dispaying a collection of results items, usually on a single page application, where we can include metadata.

Results item

Last update: Apr 4, 2021

Reusable component to be used when dispaying a collection of results items, usually on a single page application.

Results List

Last update: Apr 4, 2021

The Results List is displayed on Single Page App's results pages, and includes the Results Item component.

Rich Media Carousel-Desktop

Last update: Apr 4, 2021

Adaptive slideshow with thumbnails and popups for videos, block diagrams and enlarged image views.

Rich Media Carousel-Mobile

Last update: Apr 4, 2021

Adaptive slideshow with thumbnails and popups for videos, block diagrams and enlarged image views.

Scrollable section

Last update: Apr 4, 2021

Framework to hold any type of long, scrollable contnet and provides links in a left column that smoothly scrolls to that section.

Secondary Topic

Last update: Apr 4, 2021

The Secondary Topic component is a way to display related content and links on a Thought Leadership page.

Section Lead

Last update: Apr 4, 2021

Provides intro text and title to any component.

Show-Hide

Last update: Apr 4, 2021

Component used to hide or show content based on a clicking on a link to toggle between states.

Side Navigation

Last update: Apr 4, 2021

For homepage and overview pages that require a left navigational menu.

Sliders

Last update: Jun 9, 2021

General framework to present many different types of content within a slider while keeping consistent styles and functionality.

SP Buy

Last update: Apr 4, 2021

SP Icons component

SP Guides

Last update: Apr 4, 2021

SP Icons component