No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:

  1. Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the Decorators documentation.
  2. Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring Webpack or Vite with Storybook.
  3. Missing Environment Variables: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the Environment Variables documentation.

Changelog - @inera/ids-angular

9.0.1 - 2026-02-27

Bugfix

  • Dropdown crashing due to invalid import fixed.

9.0 - 2026-02-27

No internal webcomponents in any component - ids-core dependency is removed. All components use camelcasing for property names. Events do not have "on" prefix.

Added

  • Grid component.
  • Form/Darkmode-toggle component.

Changes

  • Accordion

    • headlinesize changed to size.
    • <id-accordion-header> replaces slot=headline.
    • level property removed.

  • Alert

    • headlinereplaced by component.
    • live now set directly with aria-live.

  • Agent

    • Migrated into a Global Alert state.

  • Badge

    • icon property.

  • Button

    • id-button component is replaced by a idButton directive.
    • loading property added.

  • Card

    • idCardLink directive added.

  • Carousel

    • slideChange event added.

  • Dialog

    • IDDialogCloseComponent added.
    • IDDialogTriggerComponent added.
    • IDDialogHeaderComponent added.
    • IDDialogContentComponent added.
    • IDDialogFooterComponent added.

  • Dropdown

    • IDDropdownTriggerComponent added.
    • toggle event added.

  • Footer

    • IDFooterTHEMETextComponent replaces default slot.
    • IDFooterTHEMEColComponent replaces props cols, linkcol1, linkcol2, linkcol3 and slots link-col-x.
    • IDFooterTHEMESubFooterLeftComponent replaces sub-footer-left slot.
    • IDFooterTHEMESubFooterRightComponent replaces sub-footer-right slot.
    • IDFooterTHEMESubFooterMobileComponent replaces sub-footer-mobile slot.

  • Form/Checkbox

    • nolabel removed.
    • novalidation removed.
    • validateOn added.

  • Form/Input

    • novalidation removed.
    • validateOn added.

  • Form/Radio

    • Compact moved to group.
    • novalidation removed.
    • validateOn added.

  • Form/Select

    • novalidation removed.
    • validateOn added.

  • Global Alert

    • agent property added.
    • icon property added.
    • closed event added.
    • opened event added.

  • Header

    • hideregionpicker slot replaced by idBrandTHEMELink directive.
    • logohref changed to brandHref property.
    • srlogotext changed to srBrandLabel.
    • showlogochanged to showBrand.
    • All slots removed.

  • Header-item

    • iconproperty added.
    • All slots removed.

  • Header-avatar

    • persistent property adde
    • expanded property added.
    • id-header-1177-avatar-agentcomponent replaces slot.
    • All slots removed.

  • Header-nav-item

    • icon property added.
    • col1-3 templates added.
    • id-header-THEME-nav-item-menu-linkreplaces column slots.
    • All slots removed.

  • Header-nav-item-mobile

    • icon property adde
    • All slots removed.

  • Link

    • Directive idLinkis replacing component.

  • Mobile menu

    • sub-item slot removed.

  • Navigation content

    • id-navigation-content-link component added.

  • Navigation local

    • id-navigation-local-link component added.

  • Data pagination

    • Slot first-page-button replaced by idFirst attr.
    • Slot next-button replaced by idFirst attr.
    • Slot previous-button replaced by idPrev attr.
    • Slot last-page-button replaced by idLast attr.

  • Popover

    • closeOnBlur property added. -popover-contentattribute changed to component.
    • ìd-popover- content, -header, trigger, close components added added.

  • Popover

    • Most properties removed and depends on slotted components instead.

  • Side menu

    • id-side-menu replaced by id-side-menu-item.
    • link slot removed.
    • icon slot required by id-side-menu-item-icon.

  • Side panel

    • id-side-panel-provider component added.
    • headline slot removed.
    • footer slot replaced by id-side-panel-footer.

  • Stepper

    • headline property replaced by id-step-header component.

  • Tab

    • id-tab-panel removed.
    • notification slot removed.
    • icon slot removed.
    • #idTabLabel reference for custom labels added.

  • Tag

    • idTag directive added.

  • Tooltip

    • trigger slot replaced by attribute.

Bugfixes

  • Bugfixes included in component re-writes.