mpbarlow

<?php

use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Str;

/**
 * Saves you having to type stuff like "The post has been created." or "The customer has been deleted."
 * over and over again throughout your app.
 *
 * @param Model $model    The Eloquent model that something has happened to.

mpbarlow

find `pwd` -name 'node_modules' -prune -type d -exec tmutil addexclusion {} \;

mpbarlow

<template>
  <rl-carousel
    v-model="slide"
    :align="align"
  >
    <div slot-scope="{ wrapperStyles, slides: { count, active } }">
      <div class="overflow-hidden text-center">
        <div v-bind="wrapperStyles">
          <slot></slot>
        </div>

mpbarlow

<bar-carousel>
  <rl-carousel-slide v-for="slide in dynamicSlides" :key="slide">
    <div
      class="border border-blue p-8 mx-8 text-center text-3xl"
      style="width: 20vw;"
    >
      {{ slide }}
    </div>
  </rl-carousel-slide>
</bar-carousel>

mpbarlow

<synchronized-carousel>
  <template slot="first">
    <rl-carousel-slide>
      <div
        class="border border-blue p-8 mx-8 mt-8 text-center text-3xl"
        style="width: 20vw;"
      >
        One
      </div>
    </rl-carousel-slide>

mpbarlow

<arrow-carousel>
  <rl-carousel-slide class="w-full">
    <div class="border border-blue p-8 mx-8 mt-8 text-center text-3xl">
      One
    </div>
  </rl-carousel-slide>
  <rl-carousel-slide class="w-full">
    <div class="border border-red p-8 mx-8 mt-8 text-center text-3xl">
      Two
    </div>

mpbarlow

<number-carousel>
  <rl-carousel-slide class="w-full">
    <div class="flex items-center justify-center text-3xl border border-blue bg-blue-lightest p-8 m-8">
      One
    </div>
  </rl-carousel-slide>
  <rl-carousel-slide class="w-full">
    <div class="flex items-center justify-center text-3xl border border-red p-8 bg-red-lightest m-8">
      Two
    </div>

mpbarlow

<vertical-carousel>
  <rl-carousel-slide>
    <div 
      class="border border-blue p-8 ml-4 mr-8 my-8 text-3xl flex items-center justify-center"
      style="height: 50px;"
    >
      One
    </div>
  </rl-carousel-slide>
  <rl-carousel-slide>

mpbarlow

<bar-carousel>
  <rl-carousel-slide>
    <div
      class="border border-blue p-8 mx-8 text-center text-3xl"
      style="width: 20vw;"
    >
      One
    </div>
  </rl-carousel-slide>
  <rl-carousel-slide>