Icon

Displays an icon from your icon library.

_bookshop_name: primitives/icon
name: cube
size: lg

Properties

name enum

The name of the icon to display from the icon library

size enum | default: lg

The size of the icon

Accepted values:
  • none
  • sm
  • md
  • lg

background enum | default: none

The background style for the icon

Accepted values:
  • none
  • subtle

Examples

Sizes

- _bookshop_name: primitives/icon
  size: none
  name: envelope
  background: subtle
- _bookshop_name: primitives/icon
  size: lg
  name: envelope
  background: subtle
- _bookshop_name: primitives/icon
  size: md
  name: envelope
  background: subtle
- _bookshop_name: primitives/icon
  size: sm
  name: envelope
  background: subtle

Backgrounds

- _bookshop_name: primitives/icon
  name: face-smile
  background: none
  size: lg
- _bookshop_name: primitives/icon
  name: face-smile
  background: subtle
  size: lg

Fill Icons

- _bookshop_name: primitives/icon
  name: social/github
  size: lg
- _bookshop_name: primitives/icon
  name: social/github
  size: lg
  background: subtle