Skip to content

Instantly share code, notes, and snippets.

@backlineint
Last active February 10, 2017 21:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save backlineint/ae756967651e430e238a8351debb0cc4 to your computer and use it in GitHub Desktop.
Save backlineint/ae756967651e430e238a8351debb0cc4 to your computer and use it in GitHub Desktop.
UI Patterns Card Mapping
card:
label: Card
description: Display content in a card format
fields:
image:
type: text
label: Image
description: Image field.
preview: <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png" alt="Card Image">
header:
type: text
label: Header
description: Header text.
preview: A Card
copy:
type: text
label: Copy
description: Body copy content
preview: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, officiis sunt neque facilis culpa molestiae necessitatibus delectus veniam provident.
{#
We should be able to eliminate the need for this template all together with the
'use' property in ui_patterns.yaml, but it isn't working at the moment. So we'll
just use a one line include here.
#}
{% include "@molecules/card/card.twig" %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment