Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

story: create list of diff compared to sbb-angular #3009

Open
jeripeierSBB opened this issue Aug 21, 2024 · 0 comments
Open

story: create list of diff compared to sbb-angular #3009

jeripeierSBB opened this issue Aug 21, 2024 · 0 comments
Assignees
Milestone

Comments

@jeripeierSBB
Copy link
Contributor

jeripeierSBB commented Aug 21, 2024

Table copied from another tool. Do not manually edit. Contact @jeripeierSBB for changes.

Angular Module Angular Components Lyne Module Lyne Components Missing features on Lyne
Accordion sbb-accordion accordion sbb-accordion Arrow navigation, openAll(), closeAll(), hideToggle option
sbb-expansion-panel expansion-panel sbb-expansion-panel hideToggle option, toggle()
sbb-expansion-panel-header sbb-expansion-panel-header disabled panel getter
sbb-expansion-panel-content sbb-expansion-panel-content -
Alert sbb-alert, AlertService alert sbb-alert maybe a service?
sbb-alert-group
Autocomplete sbb-autocomplete sbb-autocomplete hint/showHintIfNoOptions, display with, locale normalizer, autoActiveFirstOption, autoSelectActiveOption, requireSelection, optionActivated, optionSelected
Badge [sbbBadge] - -
Breadcrumb sbb-breadcrumbs sbb-breadcrumb-group
sbb-breadcrumb sbb-breadcrumb submenu, routerLink support
Button [sbb-button] button sbb-button
[sbb-alt-button]
[sbb-secondary-button] sbb-secondary-button
[sbb-ghost-button] sbb-tertiary-button
[sbb-frameless-button] sbb-transparent-button
sbb-mini-button
[sbb-link] link
Captcha sbb-captcha - -
Checkbox sbb-checkbox checkbox sbb-checkbox SbbCheckboxClickAction?
CheckboxPanel sbb-checkbox-panel
class sbb-checkbox-panel-group sbb-checkbox-group
sbb-checkbox-panel-warning -
sbb-checkbox-panel-note -
sbb-checkbox-panel-subtitle -
Chips sbb-chip-list -
sbb-chip -
chip sbb-chip not same as sbb-chip of angular (chip-input)
Datepicker [sbbDatepicker] datepicker sbb-datepicker
sbb-datepicker-next-day
sbb-datepicker-previous-day
sbb-datepicker-toggle
calendar sbb-calendar date range, week numbers, custom header component
Dialog sbb-dialog dialog sbb-dialog instantiation difference (always in DOM vs only when needed), position, restore focus option
FormField form-field sbb-form-field styling classes about positioning and wrapping, input empty is public, errorsstate, focused
FileSelector file-selector sbb-file-selector capture prop missing
HeaderLean sbb-header header sbb-header wrapping elements into overlay menu
sbb-app-chooser-section -
sbb-header-environment -
sbb-header-icon-actions -
sbb-header-menu menu sbb-menu
sbb-header-menu-item sbb-menu-button / sbb-menu-link
[sbbHeaderMenu] (trigger)
Icon sbb-icon icon sbb-icon font icons, document custom registry
Input [sbbInput] - -
Lightbox sbb-lightbox overlay sbb-overlay focus configuration, closeOnNavigation, data, panelClass, scrollStrategy, closeAll
LoadingIndicator sbb-loading-indicator loading-indicator sbb-loading-indicator different sizes, no fullbox / inline
Menu sbb-menu, [sbbContextmenuTriggerFor] menu sbb-menu lazy rendering, data, nested menu
[sbb-menu-item] sbb-menu-button
sbb-menu-link
Notification sbb-notification-icon, sbb-notification notification sbb-notification
NotificationToast sbb-notification-toast-container, sbb-simple-notification toast sbb-toast
Pagination sbb-paginator paginator sbb-paginator
Processflow sbb-processflow stepper sbb-stepper form-integration? Editable, completed, lazy rendering, different keyboard interaction
sbb-step -
[sbbStepLabel] sbb-step-label
[sbbStepContent] sbb-step
[sbbProcessflowPrevious] sbb-stepper-previous
[sbbProcessflowNext] sbb-stepper-next
Radiobutton sbb-radio-group radio-button sbb-radio-button-group -
sbb-radio-button sbb-radio-button
RadiobuttonPanel sbb-radio-button-panel sbb-radio-button-panel panel group grid, not same slots as components, but should be migratable
sbb-radio-button-panel-warning
sbb-radio-button-panel-note
Search - formfield with suffix icon
Select sbb-select select sbb-select errorStateMatcher, sortComparator, compareWith, typeaheadDebounceInterval, errorState, options, optionGroups
Sidebar - -
Status sbb-status status sbb-status -
Table [sbb-table] table sbb-table-wrapper Angular table logic
Tabs sbb-tab-group tab sbb-tab-group dynamicHeight, nav support with router links , lazy loading, preserveContent, keyboard interaction
sbb-tab
[sbbTabContent] sbb-tab
[sbb-tab-label] sbb-tab-label
[sbb-tab-nav-bar] -
Tag sbb-tags tag sbb-tag-group tag link, (all tag missing), separate badge description, form support?
sbb-tag sbb-tag
[sbb-tag-link] -
Textarea sbb-textarea - -
Textexpand sbb-textexpand - -
TimeInput [sbbTimeInput] time-input sbb-time-input
Toggle sbb-toggle toggle sbb-toggle different pattern (with possible content) => maybe selection expansion panel would be a good replacement
sbb-toggle-option sbb-toggle-option
sbb-toggle-label
sbb-toggle-details
Tooltip sbb-tooltip sbb-popover currently missing, but sbb-popover almost covers the angular tooltip, preferred position missing
sbb-popover-trigger
Usermenu sbb-usermenu - - should simply be done with sbb-header-button and sbb-menu
@jeripeierSBB jeripeierSBB converted this from a draft issue Aug 21, 2024
@jeripeierSBB jeripeierSBB added this to the Release 2.0.0 milestone Aug 21, 2024
@jeripeierSBB jeripeierSBB self-assigned this Sep 3, 2024
@jeripeierSBB jeripeierSBB moved this from To do to In progress in ESTA Web Lyne Design System Sep 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: In progress
Development

No branches or pull requests

2 participants