Skip to content

feat(link-button): add LinkButtonPreview component#664

Open
laske185 wants to merge 1 commit intomainfrom
feature/551-link-button-preview
Open

feat(link-button): add LinkButtonPreview component#664
laske185 wants to merge 1 commit intomainfrom
feature/551-link-button-preview

Conversation

@laske185
Copy link
Copy Markdown
Contributor

This pull request refactors the documentation for the LinkButton component in both German and English, replacing static code examples and live editors with a new interactive preview component. It also introduces the LinkButtonPreview React component and updates localization files to support it.

Documentation improvements:

  • Replaced static HTML code examples and the live editor in both docs/30-components/link-button.mdx (German) and i18n/en/docusaurus-plugin-content-docs/current/30-components/link-button.mdx (English) with the new <LinkButtonPreview /> component for a more interactive and maintainable experience. [1] [2] [3] [4] [5] [6]

Component additions:

  • Added src/components/previews/components/LinkButton.tsx, which implements the LinkButtonPreview React component for rendering interactive previews of the LinkButton with configurable properties.

Localization updates:

  • Updated both German (i18n/de/code.json) and English (i18n/en/code.json) localization files to add labels and hrefs used by the new preview component. [1] [2]

@laske185 laske185 requested a review from deleonio April 10, 2026 07:36
@github-actions
Copy link
Copy Markdown

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request replaces static code examples and the live editor in the LinkButton documentation with a new LinkButtonPreview component, updating both German and English MDX files and adding necessary translation keys. The feedback suggests adding a character limit to the _accessKey property in the preview component to ensure consistency with the _shortKey property.

_disabled: <BooleanProperty label="Disabled" />,
_hideLabel: <BooleanProperty label="Hide Label" />,
_download: <KolInputText _label="Download" />,
_accessKey: <KolInputText _label="Access Key" />,
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

For consistency with the _shortKey property and to ensure only a single character is entered, it is recommended to add _maxLength={1} to the _accessKey input component.

Suggested change
_accessKey: <KolInputText _label="Access Key" />,
_accessKey: <KolInputText _label="Access Key" _maxLength={1} />,

@laske185 laske185 linked an issue Apr 10, 2026 that may be closed by this pull request
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.

LinkButton-Preview

1 participant