Skip to content

feat(preview): Add interactive SplitButtonPreview component#672

Open
Copilot wants to merge 1 commit intomainfrom
copilot/split-button-preview
Open

feat(preview): Add interactive SplitButtonPreview component#672
Copilot wants to merge 1 commit intomainfrom
copilot/split-button-preview

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 10, 2026

Replaces the static HTML code block and LiveEditorCompact on the Split-Button docs page with a fully interactive SplitButtonPreview component, consistent with other component preview migrations.

Changes

  • src/components/previews/components/SplitButton.tsx — New preview component using the slot pattern (popover content rendered via sanitized dangerouslySetInnerHTML). Exposes _label, _variant, _tooltipAlign, _icons, _disabled, _hideLabel, and _slot (popover content) as interactive properties.

  • docs/30-components/split-button.mdx / i18n/en/.../split-button.mdx — Replaced static <kol-split-button> example and <LiveEditorCompact> with two <SplitButtonPreview> instances (one with full property panel in the Construction section, one minimal in the Example section). Added # API heading above <Readme />. Removed tags frontmatter and old imports.

  • i18n/de/code.json / i18n/en/code.json — Added preview.component.split-button.label and preview.component.split-button.slot translation keys.

<SplitButtonPreview
  visibleProperties={['_label', '_variant', '_tooltipAlign', '_icons', '_disabled', '_hideLabel', '_slot']}
  codeCollapsable
  codeCollapsed
/>

Copilot AI linked an issue Apr 10, 2026 that may be closed by this pull request
Copilot AI changed the title [WIP] Add split button preview component feat(preview): Add interactive SplitButtonPreview component Apr 10, 2026
Copilot AI requested a review from laske185 April 10, 2026 07:57
@laske185 laske185 force-pushed the copilot/split-button-preview branch from bec9ef0 to 785e3c8 Compare April 10, 2026 09:03
@laske185 laske185 marked this pull request as ready for review April 10, 2026 09:03
@github-actions
Copy link
Copy Markdown

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.

Split-Button-Preview

2 participants