kitten-components/assets/javascripts/kitten/karl/layout/vertical-stroke.js

Front-end components library

import React from 'react'
import { VerticalStroke } from 'kitten/components/layout/vertical-stroke'
import { Marger } from 'kitten/components/layout/marger'

export const KarlVerticalStroke = () => (
  <Marger top="3" bottom="2">
    <VerticalStroke />
  </Marger>
)

export const KarlTinyVerticalStroke = () => (
  <Marger top="3" bottom="2">
    <VerticalStroke size="tiny" />
  </Marger>
)

export const KarlBigVerticalStroke = () => (
  <Marger top="3" bottom="2">
    <VerticalStroke size="big" />
  </Marger>
)

export const KarlHugeVerticalStroke = () => (
  <Marger top="3" bottom="2">
    <VerticalStroke size="huge" />
  </Marger>
)