feat(OnyxTabs): support horizontal scrolling when overflowing - Githubissues

SchwarzIT / onyx

🚀 A design system and Vue.js component library created by Schwarz IT

https://onyx.schwarz

Apache License 2.0

58 stars 5 forks source link

feat(OnyxTabs): support horizontal scrolling when overflowing #2089

Closed larsrickert closed 1 week ago

larsrickert commented 1 week ago

Relates to #2079

support horizontal scrolling when not all tabs fit into the available width
add property size to change the font style
add CSS variable --onyx-outline-width and use it in all components for consistency
make Storybook examples more realistic
fix vertical alignment of tab text if its not selected

Checklist

[x] The added / edited code has been documented with JSDoc
[x] If a new component is added, at least one Playwright screenshot test is added
[x] A changeset is added with npx changeset add if your changes should be released as npm package (because they affect the library usage)

changeset-bot[bot] commented 1 week ago

🦋 Changeset detected

Latest commit: e6b00fde411af848f94ddea8b379cc53a71259f8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

| Name | Type | | ------------------------- | ----- | | sit-onyx | Minor | | demo-app | Patch | | playground | Patch | | @sit-onyx/chartjs-plugin | Major | | @sit-onyx/nuxt | Major | | @sit-onyx/vitepress-theme | Major |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR