NexoreUI
2.0
InstallationComponentsIconsTemplatesNewNexore MakePricing
Create Project
GitHub
NexoreUI
2.0
Navigation
InstallationComponentsIconsTemplatesNexore MakeCreate Project
InstallationComponents OverviewIcons
Categories (65)
ButtonInputCheckboxSelectSwitchSliderRatingFile Upload
CardAccordionTabsTableStepperScroll AreaNavigationDockData DisplayChartsCommerce
Modal (Dialog)AlertBadgeAvatarTooltipProgressSkeletonLoadersToasterSocial
Aurora Border CardAurora Search PillAI Prompt InputCommandInteractive Code BlockPro AI
Media ShowcaseOverlays & DrawersPro ButtonsPro DashboardsPro E-CommercePro FeedbackPro FormsPro InputsPro LayoutsPro ListsPro MarketingPro NavigationPro TablesSpecial FormsUltra Components
OverviewPro CardsPro ObjectsSoundPulseSilkUnveilNode Flow Graph
NexoreUI v2.0Studio
DocsPro Lists

Pro Lists

Structured vertical listings: team directories, notification feeds, and history timelines.

On This Page
Quick ActionsProject StudioNewNexore Make (AI)Source on GitHub
Data Presentation

Pro Lists

Structured vertical listing components: team directories, interactive notification feeds, timeline chronologies, and linear process steps.

npx nexoreui add pro-lists

Team & Contact Directory

List of team members with status indicators, email metadata, and quick action buttons.

C1

Contact Name 1

contact1@example.com

C2

Contact Name 2

contact2@example.com

C3

Contact Name 3

contact3@example.com

component.tsx
1

Notification Feed List

Event notification stream with read/unread visual styling and relative timestamps.

Notifications Mark all read

System completed the backup successfully.

2 hours ago

System completed the backup successfully.

2 hours ago

System completed the backup successfully.

2 hours ago

component.tsx
1

Vertical History Timeline

Connected node timeline for project milestones, changelogs, and audit histories.

Project Milestone 1

October 11, 2025

Completed the initial design phase and got client approval.

Project Milestone 2

October 12, 2025

Completed the initial design phase and got client approval.

Project Milestone 3

October 13, 2025

Completed the initial design phase and got client approval.

component.tsx
1

Sequential Step Process

Numbered onboarding or deployment flow with completed checkmarks and current active indicators.

Step 1 Title

Detailed description of what needs to be done in this step.

2

Step 2 Title

Detailed description of what needs to be done in this step.

3

Step 3 Title

Detailed description of what needs to be done in this step.

component.tsx
1

Accessibility (a11y)

  • List Semantics: Utilizes ordered and unordered HTML list structures (<ul>, <ol>, <li>) for automated assistive item counting.
  • Timestamps: Relative dates include semantic <time> elements with ISO dateTime attributes.