title: News
name: news
variants:
  - name: horizontal-listing
    title: Horizontal Listing
    notes: Don't forget to wrap your card slider with a wrapper that will hide the overflow (`.overflow-hidden` helper class will achieve just that).
  - name: horizontal-listing-gray
    title: Horizontal Listing with gray background
    notes: Don't forget to wrap your card slider with a wrapper that will hide the overflow (`.overflow-hidden` helper class will achieve just that).
    wrapper: bg-gray-100 py-4 my-4
  - name: highlighted
    title: Highlighted
  - name: highlighted-carousel
    title: Highlighted Carousel
  - name: latest-two
    title: Latest two
  - name: basic-teaser
    title: Basic teaser
    wrapper: col-md-6
  - name: press-release
    title: Press release
    wrapper: col-md-6
  - name: distinction
    title: Distinction
    wrapper: col-md-6
notes: |

  ### Listing