Skip to content

feat: 22 new components [DRAFT — IN REVIEW] - #278

Draft
tbielich wants to merge 1 commit into
mainfrom
feat/new-components-draft
Draft

feat: 22 new components [DRAFT — IN REVIEW]#278
tbielich wants to merge 1 commit into
mainfrom
feat/new-components-draft

Conversation

@tbielich

Copy link
Copy Markdown
Owner

Status: Draft — Step-by-step review required

Components (22):

InlineAlert, Card, RangeSlider, ComboBox, IllustratedMessage, SegmentedControl, Skeleton, ActionBar, TreeView, DropZone, ColorPicker, StatusLight, SearchField, Meter, NumberField, ProgressBar, ProgressCircle, Tag/TagGroup, Modal/Dialog, Menu, Toast/Notification, Breadcrumbs, Popover

Includes:

  • CSS patterns + tokens for each
  • Web Components (elements)
  • Nunjucks macros
  • Docs pages + Playgrounds
  • Figma Code Connect schemas
  • Playground code generators (njk + wc)
  • Native HTML refactors (Meter → <meter>, Modal → <dialog>)
  • Pattern vs Component separation

Known issues:

  • Modal close/open behavior
  • Some playground renderers incomplete
  • Cross icon mask-image visibility
  • Not all code generators fully wired

Review:

Cherry-pick and validate each component individually.

Components: InlineAlert, Card, RangeSlider, ComboBox, IllustratedMessage,
SegmentedControl, Skeleton, ActionBar, TreeView, DropZone, ColorPicker,
StatusLight, SearchField, Meter, NumberField, ProgressBar, ProgressCircle,
Tag/TagGroup, Modal/Dialog, Menu, Toast/Notification, Breadcrumbs, Popover

Includes: playground code generators, native HTML refactors (meter, dialog),
pattern/component separation, article cards, switch control kind.

Status: needs step-by-step review and polish per component.
@netlify

netlify Bot commented Aug 24, 2026

Copy link
Copy Markdown

Deploy Preview for ui-foundations ready!

Name Link
🔨 Latest commit 357eb5f
🔍 Latest deploy log https://app.netlify.com/projects/ui-foundations/deploys/6a8c53a069d58a0008ac4d38
😎 Deploy Preview https://deploy-preview-278--ui-foundations.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant