Name	Description	Default
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue

This is a pre-release version and is not production ready. For new and ongoing projects, please refer to the latest Design System version.

@swisspost/design-system-components-react

The Design System React Components, ready for use in your React project.

Instructions

Dependencies

Version	React
9.x	18.x

Installation

npm install @swisspost/design-system-components-react

Usage

Import the packages global styles. They are required for the components to work properly.

@use '@swisspost/design-system-components-react/dist/post-components.css';

Importing the components to your project.

// app.tsx

import { PostIcon } from '@swisspost/design-system-components-react';

function App() {
  return (
    <>
      <PostIcon name="iconName"></PostIcon>
    </>
  );
}

Changelog

@swisspost/design-system-components-react

10.0.0-next.39

Major Changes

Added the styles responsible for preventing fouc (flashes of unstyled content) for web-, angular- and react-components in the respective component packages:
- @swisspost/design-system-components/post-components/post-components.css
- @swisspost/design-system-components-angular/post-components.css
- @swisspost/design-system-components-react/post-components.css (by @oliverschuerch with #5165)

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@10.0.0-next.39

10.0.0-next.38

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@10.0.0-next.38

10.0.0-next.37

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@10.0.0-next.37

9.0.0-next.36

Patch Changes

Fixed path to types file, errors like "Could not find a declaration file for module X" should now be gone. (by @gfellerph with #5358)
Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.36

9.0.0-next.35

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.35

9.0.0-next.34

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.34

9.0.0-next.33

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.33

9.0.0-next.32

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.32

9.0.0-next.31

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.31

9.0.0-next.30

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.30

9.0.0-next.29

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.29

9.0.0-next.28

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.28

9.0.0-next.27

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.27

9.0.0-next.26

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.26

9.0.0-next.25

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.25

9.0.0-next.24

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.24

9.0.0-next.23

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.23

9.0.0-next.22

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.22

9.0.0-next.21

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.21

9.0.0-next.20

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.20

9.0.0-next.19

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.19

9.0.0-next.18

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.18

9.0.0-next.17

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.17

9.0.0-next.16

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.16

9.0.0-next.15

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.15

9.0.0-next.14

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.14

9.0.0-next.13

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.13

9.0.0-next.12

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.12

9.0.0-next.11

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.11

9.0.0-next.10

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.10

9.0.0-next.9

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.9

9.0.0-next.8

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.8

9.0.0-next.7

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.7

9.0.0-next.6

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.6

9.0.0-next.5

Minor Changes

Added a provisional post-header component with some basic functionality in place. This component is not finished in this state. (by @gfellerph with #3837)

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.5

9.0.0-next.4

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.4

9.0.0-next.3

Patch Changes

Fixed an issue with property validation where some checks were run before the framework had the chance to add computed properties (for example Angular bindings like [for]="$id"). The checks are now delayed to work around this issue. (by @gfellerph with #3775)
Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.3

9.0.0-next.2

Patch Changes

Initial release! (by @gfellerph with #3718)
Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.2

9.0.0-next.1

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.1

9.0.0-next.0

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@9.0.0-next.0

8.2.0

Minor Changes

Added the post-logo component, which enables displaying the Post's logo either as a clickable link or as a simple image. (by @oliverschuerch with #3477)

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@8.2.0

8.1.0

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@8.1.0

8.0.0

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@8.0.0

7.4.0

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.4.0

7.3.1

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.3.1

7.3.0

Minor Changes

Added a post-collapsible-trigger component to properly handle the role, ARIA attributes, and event listeners for elements that toggle a post-collapsible. (by @alizedebray with #3209)

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.3.0

7.2.1

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.2.1

7.2.0

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.2.0

7.1.0

Minor Changes

Added a heading-level property on the post-accordion component to set the heading level of all post-accordion-item children at once. (by @alizedebray with #3104)

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.1.0

7.0.0

Major Changes

Synchronized the versions of the following packages:
- @swisspost/design-system-styles
- @swisspost/design-system-components
- @swisspost/design-system-components-react
- @swisspost/design-system-components-angular
- @swisspost/design-system-migrations
- @swisspost/design-system-icons
- @swisspost/design-system-intranet-header
This will help understanding the dependencies between these packages at a glance but also means that for the individual pacakges, semver is no longer being used. This enables us also to talk about and document Design System versions as a whole instead of documenting the fragmented versions in a complex lookup table. (by @gfellerph with #2856)

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@7.0.0

1.0.30

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@2.1.0

1.0.29

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@2.0.3

1.0.28

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@2.0.2

1.0.27

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@2.0.1

1.0.26

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@2.0.0

1.0.25

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.7.1

1.0.24

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.7.0

1.0.23

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.6.3

1.0.22

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.6.2

1.0.21

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.6.1

1.0.20

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.6.0

1.0.19

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.5.1

1.0.18

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.5.0

1.0.17

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.4.0

1.0.16

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.10

1.0.15

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.9

1.0.14

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.8

1.0.13

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.7

1.0.12

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.6

1.0.11

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.5

1.0.10

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.4

1.0.9

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.3

1.0.8

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.2

1.0.7

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.1

1.0.6

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.3.0

1.0.5

Patch Changes

Updated dependencies:
- @swisspost/design-system-components@1.2.0

No Preview

@swisspost/design-system-components-react

Dependencies

Installation

Usage

@swisspost/design-system-components-react

10.0.0-next.39

Major Changes

Patch Changes

10.0.0-next.38

Patch Changes

10.0.0-next.37

Patch Changes

9.0.0-next.36

Patch Changes

9.0.0-next.35

Patch Changes

9.0.0-next.34

Patch Changes

9.0.0-next.33

Patch Changes

9.0.0-next.32

Patch Changes

9.0.0-next.31

Patch Changes

9.0.0-next.30

Patch Changes

9.0.0-next.29

Patch Changes

9.0.0-next.28

Patch Changes

9.0.0-next.27

Patch Changes

9.0.0-next.26

Patch Changes

9.0.0-next.25

Patch Changes

9.0.0-next.24

Patch Changes

9.0.0-next.23

Patch Changes

9.0.0-next.22

Patch Changes

9.0.0-next.21

Patch Changes

9.0.0-next.20

Patch Changes

9.0.0-next.19

Patch Changes

9.0.0-next.18

Patch Changes

9.0.0-next.17

Patch Changes

9.0.0-next.16

Patch Changes

9.0.0-next.15

Patch Changes

9.0.0-next.14

Patch Changes

9.0.0-next.13

Patch Changes

9.0.0-next.12

Patch Changes

9.0.0-next.11

Patch Changes

9.0.0-next.10

Patch Changes

9.0.0-next.9

Patch Changes

9.0.0-next.8

Patch Changes

9.0.0-next.7

Patch Changes

9.0.0-next.6

Patch Changes

9.0.0-next.5

Minor Changes

Patch Changes

9.0.0-next.4

Patch Changes