5.0.11 • Published 2 years ago

@axa-ch/container v5.0.11

Weekly downloads
362
License
Copyright 2019 AX...
Repository
github
Last release
2 years ago

Container

Adds a max-with and margin auto according to Style Guide

Usage

Important: If this component needs to run in Internet Explorer 11, you need to use our polyfill.

npm install @axa-ch/container
import '@axa-ch/container';
...
<axa-container>some children</axa-container>

React

Create a React-ified container with the createElement function from your React version and then use it like this:

import { createElement } from 'react';
import createAXAContainerReact from '@axa-ch/container/lib/index.react';

const AXAContainerReact = createAXAContainerReact(createElement);

export default AXAContainerReact;
<AXAContainerReact>some children</AXAContainerReact>

Pure HTML pages

Import the container-defining script and use a container like this:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Your awesome title</title>
  </head>
  <body>
    <axa-container>
      some children
    </axa-container>
    <script src="node_modules/@axa-ch/container/dist/index.js"></script>
  </body>
</html>
lit
@axa-ch/pod-kmu-20@infinitebrahmanuniverse/nolb-_axa@everything-registry/sub-chunk-103lit-js-design-system@axa-ch/pod-eclaimskpv-claimsinfo@axa-ch/pod-opc-onlineofferte@axa-ch/pod-payer2partner@axa-ch/pod-provision-calculator@axa-ch/pod-redirect@axa-ch/pod-selfcheck-vorsorgeauftrag@axa-ch/pod-sustainability-analysis-buildings@axa-ch/pod-greenservices-co2-calculator@axa-ch/pod-greenservices-sustainability-analysis-buildings@axa-ch/pod-havarie@axa-ch/pod-ice-kpv-summenmeldung@axa-ch/pod-ice-mitarbeiterverwaltung@axa-ch/pod-ice-swibeco-onboarding@axa-ch/pod-kmu-20-stable@axa-ch/testimonials@axa-ch/top-content-bar@axa-ch/pod-kmu-check@axa-ch/pod-uadmin@axa-ch/pod-who-5@axa-ch/pod-aem-patterns-library@axa-ch/pod-agency-search@axa-ch/pod-customer-review@axa-ch/pod-dashboard@axa-ch/footer@axa-ch/footer-small@axa-ch/alt-pod-agency-search@axa-ch/alt-pod-havarie@axa-ch/alt-pod-kmu-20@axa-ch/commercial-hero-banner@axa-ch/cookie-disclaimer@axa-ch/esales-ui-components@zalastax/nolb-_axa
5.0.10

2 years ago

5.0.11

2 years ago

5.0.9

2 years ago

5.0.8

2 years ago

5.0.7

2 years ago

5.0.6

2 years ago

5.0.5

2 years ago

5.0.4

2 years ago

5.0.3

2 years ago

5.0.2

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

4.0.0

3 years ago

3.0.12

3 years ago

3.0.11

4 years ago

3.0.10

4 years ago

3.0.9

4 years ago

3.0.8

4 years ago

3.0.7

4 years ago

3.0.5

4 years ago

3.0.4

4 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.0.17

5 years ago

1.0.16

5 years ago

1.0.15

5 years ago

1.0.14

5 years ago

1.0.13

5 years ago

1.0.12

5 years ago

1.0.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1-alpha.4

5 years ago

1.0.1-alpha.3

5 years ago

1.0.1-alpha.2

5 years ago

1.0.1-alpha.1

5 years ago

1.0.0

6 years ago