Components / FeaturedPostsSection - Featured Posts, Three Columns Grid ⋅ Storybook

Name	Control
elementId
variant
colors
showDate	FalseTrue
showAuthor	FalseTrue
title	Featured Posts
subtitle	This is the Subtitle
actions	actions : [ 0 : {...} 4 keys ]
posts	posts : [ 0 : {...} 7 keys 1 : {...} 7 keys 2 : {...} 7 keys 3 : {...} 7 keys ]
styles	styles : { self : {...} 9 keys title : {...} 1 key subtitle : {...} 1 key actions : {...} 1 key }
type: FeaturedPostsSection
elementId: ''
variant: variant-a
colors: colors-f
showDate: false
showAuthor: false
title: Featured Posts
subtitle: This is the Subtitle
actions:
  - type: Button
    url: '#'
    label: View More
    style: primary
posts:
  - __metadata: {}
    title: Post Title One
    date: '2021-06-28'
    author:
      firstName: Desmond
      lastName: Eagle
      role: Product Manager
      bio: >-
        Nullam rhoncus tellus nec felis ullamcorper mattis. Cras convallis,
        velit in tincidunt posuere, nulla ipsum consequat metus, convallis
        lacinia ex eros eget leo.
      image:
        type: ImageBlock
        url: >-
          https://assets.stackbit.com/components/images/default/desmond-eagle.jpg
        altText: Photo of Desmond Eagle
    excerpt: >-
      Quo plebiscito decreta a senatu est consuli quaestio Cn. Illud non
      continuo, ut aeque incontentae. Atqui pugnantibus et contrariis.
    featuredImage:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/post-1.jpeg
      altText: Post Image
    markdown_content: >+
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
      virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An hoc
      usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse quam
      fillum, cum alter stabilire rem publicam studuerit, alter evertere. Quo
      plebiscito decreta a senatu est consuli quaestio Cn. Illud non continuo,
      ut aeque incontentae. Atqui pugnantibus et contrariis studiis consiliisque
      semper utens nihil quieti videre, nihil tranquilli potest. Itaque hoc
      frequenter dici solet a vobis, non intellegere nos, quam dicat Epicurus
      voluptatem. Sin kakan malitiam dixisses, ad aliud nos unum certum vitium
      consuetudo Latina traduceret.


      ## Sed Ille, UT Dixi, Vitiose


      Utrum igitur tibi litteram videor an totas paginas commovere? Potius
      inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in odium
      veniam, si amicum destitero tueri. Ne amores quidem sanctos a sapiente
      alienos esse arbitrantur. Quid ergo aliud intellegetur nisi uti ne quae
      pars naturae neglegatur? Quis istud, quaeso, nesciebat? Primum divisit
      ineleganter; Hoc unum Aristo tenuit: praeter vitia atque virtutes negavit
      rem esse ullam aut fugiendam aut expetendam. Et ille ridens: Video,
      inquit, quid agas; In his igitur partibus duabus nihil erat, quod Zeno
      commutare gestiret.

  - __metadata: {}
    title: Post Title Two
    date: '2021-07-01'
    author:
      firstName: Hilary
      lastName: Ouse
      role: Product Manager
      bio: Vincent Van Gogh’s most popular painting, The Starry Night.
      image:
        type: ImageBlock
        url: https://assets.stackbit.com/components/images/default/hilary-ouse.jpg
        altText: Photo of Hilary Ouse
    excerpt: otius inflammat, ut coercendi magis quam dedocendi esse videantur.
    featuredImage:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/post-2.jpeg
      altText: Post Image
    markdown_content: >+
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
      virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An hoc
      usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse quam
      fillum, cum alter stabilire rem publicam studuerit, alter evertere. Quo
      plebiscito decreta a senatu est consuli quaestio Cn. Illud non continuo,
      ut aeque incontentae. Atqui pugnantibus et contrariis studiis consiliisque
      semper utens nihil quieti videre, nihil tranquilli potest. Itaque hoc
      frequenter dici solet a vobis, non intellegere nos, quam dicat Epicurus
      voluptatem. Sin kakan malitiam dixisses, ad aliud nos unum certum vitium
      consuetudo Latina traduceret.


      ## Sed Ille, UT Dixi, Vitiose


      Utrum igitur tibi litteram videor an totas paginas commovere? Potius
      inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in odium
      veniam, si amicum destitero tueri. Ne amores quidem sanctos a sapiente
      alienos esse arbitrantur. Quid ergo aliud intellegetur nisi uti ne quae
      pars naturae neglegatur? Quis istud, quaeso, nesciebat? Primum divisit
      ineleganter; Hoc unum Aristo tenuit: praeter vitia atque virtutes negavit
      rem esse ullam aut fugiendam aut expetendam. Et ille ridens: Video,
      inquit, quid agas; In his igitur partibus duabus nihil erat, quod Zeno
      commutare gestiret.

  - __metadata: {}
    title: Post Title Three
    date: '2021-07-03'
    author:
      firstName: Hugh
      lastName: Saturation
      role: Product Manager
      bio: Vincent Van Gogh’s most popular painting, The Starry Night.
      image:
        type: ImageBlock
        url: >-
          https://assets.stackbit.com/components/images/default/hugh-saturation.jpg
        altText: Photo of Hugh Saturation
    excerpt: >-
      Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia atque
      virtutes negavit rem esse ullam aut fugiendam.
    featuredImage:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/post-3.jpeg
      altText: Post Image
    markdown_content: >+
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
      virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An hoc
      usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse quam
      fillum, cum alter stabilire rem publicam studuerit, alter evertere. Quo
      plebiscito decreta a senatu est consuli quaestio Cn. Illud non continuo,
      ut aeque incontentae. Atqui pugnantibus et contrariis studiis consiliisque
      semper utens nihil quieti videre, nihil tranquilli potest. Itaque hoc
      frequenter dici solet a vobis, non intellegere nos, quam dicat Epicurus
      voluptatem. Sin kakan malitiam dixisses, ad aliud nos unum certum vitium
      consuetudo Latina traduceret.


      ## Sed Ille, UT Dixi, Vitiose


      Utrum igitur tibi litteram videor an totas paginas commovere? Potius
      inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in odium
      veniam, si amicum destitero tueri. Ne amores quidem sanctos a sapiente
      alienos esse arbitrantur. Quid ergo aliud intellegetur nisi uti ne quae
      pars naturae neglegatur? Quis istud, quaeso, nesciebat? Primum divisit
      ineleganter; Hoc unum Aristo tenuit: praeter vitia atque virtutes negavit
      rem esse ullam aut fugiendam aut expetendam. Et ille ridens: Video,
      inquit, quid agas; In his igitur partibus duabus nihil erat, quod Zeno
      commutare gestiret.

  - __metadata: {}
    title: Post Title Four
    date: '2021-11-03'
    author:
      firstName: Hilary
      lastName: Ouse
      role: Product Manager
      bio: Vincent Van Gogh’s most popular painting, The Starry Night.
      image:
        type: ImageBlock
        url: https://assets.stackbit.com/components/images/default/hilary-ouse.jpg
        altText: Photo of Hilary Ouse
    excerpt: >-
      Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia atque
      virtutes negavit rem esse ullam aut fugiendam.
    featuredImage:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/post-4.jpeg
      altText: Post Image
    markdown_content: >+
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
      virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An hoc
      usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse quam
      fillum, cum alter stabilire rem publicam studuerit, alter evertere. Quo
      plebiscito decreta a senatu est consuli quaestio Cn. Illud non continuo,
      ut aeque incontentae. Atqui pugnantibus et contrariis studiis consiliisque
      semper utens nihil quieti videre, nihil tranquilli potest. Itaque hoc
      frequenter dici solet a vobis, non intellegere nos, quam dicat Epicurus
      voluptatem. Sin kakan malitiam dixisses, ad aliud nos unum certum vitium
      consuetudo Latina traduceret.


      ## Sed Ille, UT Dixi, Vitiose


      Utrum igitur tibi litteram videor an totas paginas commovere? Potius
      inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in odium
      veniam, si amicum destitero tueri. Ne amores quidem sanctos a sapiente
      alienos esse arbitrantur. Quid ergo aliud intellegetur nisi uti ne quae
      pars naturae neglegatur? Quis istud, quaeso, nesciebat? Primum divisit
      ineleganter; Hoc unum Aristo tenuit: praeter vitia atque virtutes negavit
      rem esse ullam aut fugiendam aut expetendam. Et ille ridens: Video,
      inquit, quid agas; In his igitur partibus duabus nihil erat, quod Zeno
      commutare gestiret.

styles:
  self:
    height: auto
    width: wide
    margin:
      - mt-0
      - mb-0
      - ml-0
      - mr-0
    padding:
      - pt-12
      - pb-12
      - pl-4
      - pr-4
    justifyContent: center
    borderRadius: none
    borderWidth: 0
    borderStyle: none
    borderColor: border-dark
  title:
    textAlign: center
  subtitle:
    textAlign: center
  actions:
    justifyContent: center