Feed posts: author, message, reactions and a nested reply.
A reusable content container
A heading, body and reactions for content on Feed and Account.
Shared component gallery
Components
Hover, focus and interact. Each variant shown once.
Buttons
Actions within the current page. Hover, Tab to focus, and click each enabled example.
Secondary actions in forms and account settings.
The main action, such as sending a contact message.
Lower-emphasis actions, such as replying to a post.
Removal actions in account settings. Confirmation shown in Popups below.
Purchases without a confirmed checkout or actions not yet available.
Form submissions while a request completes. Click for a one-second preview.
Compact reactions beside posts and comments. Click to toggle.
Inline navigation in page copy. This one jumps to form elements.
Pill links, selection and tags
Pill describes the rounded shape. A link opens a destination; a button changes a choice; a label only displays information.
The profile shortcut used on Resume. Opens LinkedIn in a new tab; no selected state.
Explore shortcuts such as Feed, Shop and Portfolio. Navigates in the same tab.
The Resume shortcut. Downloads the existing PDF.
Filter and preference choices. Click either to switch its selected state.
Metadata label
Skills and profile attributes on Resume. Information, without an action.
Content topics and matching counts on Feed. Click to select.
An active content filter. Remove it, then use Restore tag to bring it back.
Checkboxes and selection
Checkboxes allow several choices; radio buttons allow one. Poll buttons use the same independent selection behavior as Explore polls.
Form elements
Used in Contact, Account and footer forms. Try typing, selecting, and validating; this demonstration sends nothing.
Cards and surfaces
Content containers for Explore, Feed, project pages and Account. Linked cards navigate; action buttons act on the card.
Accented card
A tinted variant for grouping related content on Explore.
Panel
A shared surface for grouped settings and floating menu content.
Expandable content
For secondary details within a page. Open with a click, Enter or Space; the content stays in the page.
Feedback and loading
Short notices confirm an action without blocking the page. Each button triggers one notice; hover or focus the tooltip example.
Preference changes and other neutral updates.
A completed form submission or saved action.
An unavailable permission or a choice needing attention.
A failed request. Form field errors stay next to their fields.
Extra context for compact icon controls. Hover or Tab to reveal.
No results
The Feed or a filtered list has no matching content.
Popups
One trigger per popup. Escape or Close dismisses it and returns focus to its trigger. These examples change no saved data.
Details such as the skill explanations on Home. Read the content and close it.
Removal actions in Account. Cancel or explicitly confirm before an action proceeds.
Sample reply
Shared nested comment treatment.