3.2.0 • Published 2 years ago

@berlitz/feature-card v3.2.0

Weekly downloads
5,396
License
MIT
Repository
-
Last release
2 years ago

Feature Card npm version

Adds a full size featured card to your page, you may add children components for content, accepts a featured image or youtube video id. By default the featured image is on the left and card content on the right. This card can also be flipped with the reverse prop.

Installation

yarn add @berlitz/feature-card

Props

ArgumentTypeRequiredDefaultExample
childrennode
columnboolDisplay image on top of content.false
imagestring
imageAltTextstring
imageMobilestring
imageLinkstringhttps://www.berlitz.com
imageTargetstring_blank | _self
imageOnlyboolfalse
reverseboolfalse
youtubeVideoIdstring

Usage

import FeatureCard from '@berlitz/feature-card'
const MyApp = () => (
  <App>
    <FeatureCard
      image="https://picsum.photos/900/500"
      imageMobile="https://picsum.photos/600/400"
    >
      <H3>The Power of Understanding</H3>
      <StyledP size="md">{content}</StyledP>
      <Button fullWidth={['xs']}>Explore our languages</Button>
    </FeatureCard>
  </App>
)

When to use this component

Landing Pages, Home Page, anywhere you want to display a large feature card for infomation with a beautiful featured image/video

3.2.0

2 years ago

3.1.1

3 years ago

3.1.0

3 years ago

3.0.9-test.25

3 years ago

3.0.8

4 years ago

3.0.7

4 years ago

3.0.6

4 years ago

3.0.5

4 years ago

3.0.4

4 years ago

3.0.3

4 years ago

3.0.1-alpha.63

4 years ago

3.0.2

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

2.9.2

5 years ago

2.9.1

5 years ago

2.9.0

5 years ago

2.8.0

5 years ago

2.7.1

5 years ago

2.7.0

5 years ago

2.6.0

5 years ago

2.5.5

5 years ago

2.5.4

5 years ago

2.5.3

6 years ago

2.5.2

6 years ago

2.5.1

6 years ago

2.5.0

6 years ago

2.4.5

6 years ago

2.4.4

6 years ago

2.4.3

6 years ago

2.4.2

6 years ago

2.4.1

6 years ago

2.4.0

6 years ago

2.3.3

6 years ago

2.3.2

6 years ago

2.3.1

6 years ago

2.3.0

6 years ago

2.2.0

6 years ago

2.1.5

6 years ago

2.1.4

6 years ago

2.1.3

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.0.10

6 years ago

2.0.9

6 years ago

2.0.8

6 years ago

2.0.7

6 years ago

2.0.6

6 years ago

2.0.5

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.0

6 years ago

2.0.0-alpha.0

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

0.0.63

7 years ago

0.0.62

7 years ago

0.0.61

7 years ago

0.0.60

7 years ago

0.0.59

7 years ago

0.0.58

7 years ago

0.0.57

7 years ago

0.0.56

7 years ago

0.0.55

7 years ago

0.0.54

7 years ago

0.0.53

7 years ago

0.0.52

7 years ago

0.0.51

7 years ago

0.0.50

7 years ago

0.0.49

7 years ago

0.0.48

7 years ago

0.0.47

7 years ago

0.0.46

7 years ago

0.0.45

7 years ago

0.0.44

7 years ago

0.0.43

7 years ago

0.0.42

7 years ago

0.0.41

7 years ago

0.0.40

7 years ago

0.0.39

7 years ago

0.0.38

7 years ago

0.0.37

7 years ago

0.0.36

7 years ago

0.0.35

7 years ago

0.0.34

7 years ago

0.0.33

7 years ago

0.0.32

7 years ago

0.0.31

7 years ago

0.0.30

7 years ago

0.0.29

7 years ago

0.0.28

7 years ago

0.0.27

7 years ago

0.0.26

7 years ago

0.0.25

7 years ago

0.0.24

7 years ago

0.0.23

7 years ago

0.0.22

7 years ago

0.0.21

7 years ago

0.0.20

7 years ago

0.0.19

7 years ago

0.0.18

7 years ago

0.0.17

7 years ago

0.0.16

7 years ago

0.0.15

7 years ago

0.0.14

7 years ago

0.0.13

7 years ago

0.0.12

7 years ago

0.0.11

7 years ago

0.0.10

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago