Skip to content
NexWellDesign system
Documentation experience·DS-07

Library

Theme StudioEvidence and proposal laboratoriesComponent Playground63 governed package previews
  • Approval Review
  • Overview
  • Foundations
  • Tokens
  • Content design
  • Components
  • Patterns
  • Accessibility
  • RTL / LTR
  • Changelog
  • Source evidence
Source-backedDecisions link to evidence; missing evidence stays explicit.

Home / Components

Documentation area

Components

Fifty-seven governed, source-traceable Web component contracts and live examples.

63governed components across 8 source categoriesInspect evidence coverage

Action

7 components
ButtonProvide the governed NexWell Button contract for action interfaces.6 implementation statesButton DockProvide the governed NexWell Button Dock contract for action interfaces.2 implementation statesButton GroupProvide the governed NexWell Button Group contract for action interfaces.2 implementation statesLinkProvide the governed NexWell Link contract for action interfaces.5 implementation statesSliding ButtonProvide the governed NexWell Sliding Button contract for action interfaces.4 implementation statesTileProvide the governed NexWell Tile contract for action interfaces.5 implementation statesTimed ButtonProvide the governed NexWell Timed Button contract for action interfaces.3 implementation states

Data & Tables

3 components
ChartsProvide the governed NexWell Charts contract for data & tables interfaces.5 implementation statesData TableProvide the governed NexWell Data Table contract for data & tables interfaces.5 implementation statesTableProvide the governed NexWell Table contract for data & tables interfaces.3 implementation states

Data Display

18 components
AccordionProvide the governed NexWell Accordion contract for data display interfaces.5 implementation statesAvatarProvide the governed NexWell Avatar contract for data display interfaces.5 implementation statesBadgeProvide the governed NexWell Badge contract for data display interfaces.5 implementation statesDividerProvide the governed NexWell Divider contract for data display interfaces.2 implementation statesDraggable ListProvide the governed NexWell Draggable List contract for data display interfaces.5 implementation statesDrawerProvide the governed NexWell Drawer contract for data display interfaces.5 implementation statesEmpty StateProvide the governed NexWell Empty State contract for data display interfaces.2 implementation statesList ItemProvide the governed NexWell List Item contract for data display interfaces.2 implementation statesMessage CardProvide the governed NexWell Message Card contract for data display interfaces.4 implementation statesPlaceholderProvide the governed NexWell Placeholder contract for data display interfaces.2 implementation statesPopoverProvide the governed NexWell Popover contract for data display interfaces.5 implementation statesProgress BarProvide the governed NexWell Progress Bar contract for data display interfaces.2 implementation statesProgress CircleProvide the governed NexWell Progress Circle contract for data display interfaces.2 implementation statesProgress StepsProvide the governed NexWell Progress Steps contract for data display interfaces.3 implementation statesSection HeadingProvide the governed NexWell Section Heading contract for data display interfaces.3 implementation statesTagProvide the governed NexWell Tag contract for data display interfaces.3 implementation statesTooltipProvide the governed NexWell Tooltip contract for data display interfaces.3 implementation statesTree ViewProvide the governed NexWell Tree View contract for data display interfaces.5 implementation states

Feedback & Status

5 components
BannerProvide the governed NexWell Banner contract for feedback & status interfaces.5 implementation statesDialogProvide the governed NexWell Dialog contract for feedback & status interfaces.5 implementation statesSnackbarProvide the governed NexWell Snackbar contract for feedback & status interfaces.5 implementation statesSystem BannerProvide the governed NexWell System Banner contract for feedback & status interfaces.1 implementation statesToastProvide the governed NexWell Toast contract for feedback & status interfaces.5 implementation states

Input & Control

14 components
CheckProvide the governed NexWell Check contract for input & control interfaces.5 implementation statesComboboxProvide the governed NexWell Combobox contract for input & control interfaces.7 implementation statesFile UploadProvide the governed NexWell File Upload contract for input & control interfaces.5 implementation statesMenuProvide the governed NexWell Menu contract for input & control interfaces.5 implementation statesPin CodeProvide the governed NexWell Pin Code contract for input & control interfaces.5 implementation statesRadioProvide the governed NexWell Radio contract for input & control interfaces.5 implementation statesSegmented ControlProvide the governed NexWell Segmented Control contract for input & control interfaces.5 implementation statesSelectProvide the governed NexWell Select contract for input & control interfaces.5 implementation statesSliderProvide the governed NexWell Slider contract for input & control interfaces.5 implementation statesStar RatingProvide the governed NexWell Star Rating contract for input & control interfaces.5 implementation statesStepperProvide the governed NexWell Stepper contract for input & control interfaces.5 implementation statesSwitchProvide the governed NexWell Switch contract for input & control interfaces.4 implementation statesText FieldProvide the governed NexWell Text Field contract for input & control interfaces.6 implementation statesTime PickerProvide the governed NexWell Time Picker contract for input & control interfaces.5 implementation states

Navigation

7 components
Bottom NavigationProvide the governed NexWell Bottom Navigation contract for navigation interfaces.5 implementation statesBreadcrumbsProvide the governed NexWell Breadcrumbs contract for navigation interfaces.3 implementation statesNavigation HeaderProvide the governed NexWell Navigation Header contract for navigation interfaces.5 implementation statesPage ControlsProvide the governed NexWell Page Controls contract for navigation interfaces.5 implementation statesPaginationProvide the governed NexWell Pagination contract for navigation interfaces.5 implementation statesSide NavigationProvide the governed NexWell Side Navigation contract for navigation interfaces.5 implementation statesTabsProvide the governed NexWell Tabs contract for navigation interfaces.5 implementation states

Product Patterns

6 components
Doctor CardProvide the governed NexWell Doctor Card contract for product patterns interfaces.14 implementation statesDoctor Card RichProvide the governed NexWell Doctor Card Rich contract for product patterns interfaces.20 implementation statesHealthcare Center CardProvide the governed NexWell Healthcare Center Card contract for product patterns interfaces.16 implementation statesHealthcare Center Card Map RichProvide the governed NexWell Healthcare Center Card Map Rich contract for product patterns interfaces.24 implementation statesMap PreviewProvide the governed NexWell Map Preview contract for product patterns interfaces.9 implementation statesPricing Plan CardProvide the governed NexWell Pricing Plan Card contract for product patterns interfaces.13 implementation states

Surfaces

3 components
CardProvide the governed NexWell Card contract for surfaces interfaces.2 implementation statesModal Full ScreenProvide the governed NexWell Modal Full Screen contract for surfaces interfaces.5 implementation statesSheetProvide the governed NexWell Sheet contract for surfaces interfaces.5 implementation states

Proposed components (under Owner review)

8 components

GitHub Issues #127/#129/#130/#131. Not part of the governed count above — kept separate until Owner approval. See each page for its full spec, and Playground for a live gallery.

AppSidebarData-driven, theme-aware navigation rail with expanded/collapsed and rail/drawer variants. Proposed/under Owner review, GitHub Issue #127.AppTopBarSlot-based top bar (search, language, region, favorites, calendar, notifications, account). Proposed/under Owner review, GitHub Issue #127.AppBreadcrumbsTruncating, RTL-safe breadcrumb trail with an optional back control. Distinct from the existing governed Breadcrumbs component — see the page for why. Proposed/under Owner review, GitHub Issue #127.CalendarStripDomain-agnostic weekly date strip with previous/next-week navigation and fully data-driven per-day tone, icon, top/bottom label, badge, and indicator. Proposed/under Owner review, GitHub Issues #127/#130.GlobalSearchThe governed search interaction/presentation contract — icon trigger or inline field, keyboard navigation, no backend dependency. Proposed/under Owner review, GitHub Issue #127.RadialSegmentChartGeneric data-driven ring/segment/tick/marker visualization primitive with no menstrual or cycle vocabulary of its own. Proposed/under Owner review, GitHub Issues #127/#129.CycleWheelGeneral cycle composition built on RadialSegmentChart — fully configurable cycleLength, selectedDay, and every phase duration. Proposed/under Owner review, GitHub Issues #127/#129.ScientificCycleWheelTwo independently configurable concentric rings (e.g. uterine/ovarian) sharing one cycleLength/selectedDay coordinate system, built on the same primitive as CycleWheel. Proposed/under Owner review, GitHub Issues #127/#129.

Requested names that are not governed components

Icon Button, Split Button, Menu Button, Text Area, Select, Combobox, Checkbox, Date Picker, Navigation Menu, Alert, Modal, Chip, Container, Grid, Stack, and Surface are not public records in the current governed inventory. The historical 55-component evidence baseline remains immutable. They remain source-verification-required and are not silently mapped to another component.