10.2.1 • Published 10 months ago

@ima/plugin-atoms v10.2.1

Weekly downloads
16
License
MIT
Repository
github
Last release
10 months ago

@ima/plugin-atoms

The IMA UI atoms are elementary UI components based on the Pattern Lab design pattern for creating atomic design systems.

This package provides various most commonly needed atoms, but both their functionality and their number are likely to be extended in the future.

The Image, Iframe and others atoms provide the lazy loading functionality by default.

Installation

npm install @ima/plugin-atoms --save

Usage

import { H1, H2, H3, Iframe, Image, Link, Loader, Paragraph, LAYOUT } from '@ima/plugin-atoms';

function MyComponent({title, subtitle, image, embed, text, html, link}) {
  return (
    <>
      <H1>{title}</H1>
      <H2>{subtitle}</H2>
      <div>
        <Paragraph>{text}</Paragraph>
        <Paragraph html={html}/>
        <Link href={lnk.href}>More</Link>
      </div>
      <H3>Examples:<H3>
      <Image src={image.source} width={400} height={300} layout={LAYOUT.RESPONSIVE}/>
      <Iframe src={embed.source} width={300} height={300} layout={LAYOUT.RESPONSIVE}/>
    </>
  )
}
10.2.1

10 months ago

10.2.0

10 months ago

10.1.4

1 year ago

10.1.3

1 year ago

10.1.2

1 year ago

10.1.1

1 year ago

10.0.2

2 years ago

10.1.0

1 year ago

10.0.0

2 years ago

10.0.1

2 years ago

9.0.0-rc.7

2 years ago

9.0.0-rc.5

2 years ago

9.0.0-rc.6

2 years ago

9.0.0-rc.3

2 years ago

9.0.0-rc.4

2 years ago

9.0.1

2 years ago

9.0.0

2 years ago

8.1.0

2 years ago

9.0.0-rc.0

2 years ago

9.0.0-rc.1

2 years ago

9.0.0-rc.2

2 years ago

7.0.0

3 years ago

7.0.0-rc.12

3 years ago

7.0.0-rc.11

3 years ago

7.0.0-rc.10

3 years ago

7.0.2

3 years ago

7.0.1

3 years ago

8.0.1

2 years ago

8.0.0

3 years ago

7.0.0-rc.8

3 years ago

7.0.0-rc.9

3 years ago

7.0.0-rc.7

3 years ago

7.0.0-rc.4

3 years ago

7.0.0-rc.3

3 years ago

7.0.0-rc.6

3 years ago

7.0.0-rc.5

3 years ago

7.0.0-rc.2

3 years ago

7.0.0-rc.0

3 years ago

7.0.0-rc.1

3 years ago

6.1.0

3 years ago

6.1.1

3 years ago

6.0.0

3 years ago

5.0.2

3 years ago

5.0.1

3 years ago

5.0.0

3 years ago

4.1.0

4 years ago

4.0.1

4 years ago

4.0.0

4 years ago

3.4.1

4 years ago

3.4.0

4 years ago

3.3.0

4 years ago

3.2.0

5 years ago

3.1.1

5 years ago

3.1.0

5 years ago

3.0.2

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

2.0.2

6 years ago