Selector

Props

sizes: Array
format: Boolean
variants: Array
city: Boolean
shortcuts: Boolean
image: Boolean
reset: Boolean

Emits

size-change: Object emit $event value: { w: 1, h: 1}
variant-change: String emit $event value: 'light'/'dark'/'colorful'
format-change: String emit $event value: 'text'/'bullet'/'checkbox'

Usage:

vue

<Selector
  :sizes="['1x1', '1x2', '2x1', '2x2']"
  :format="true"
  :variants="['light', 'dark', 'colorful']"
  :city="true"
  :shortcuts="true"
  :image="true"
  :reset="true"
  @variant-change="$emit('variant-change', $event)"
  @size-change="$emit('size-change', $event)"
  @format-change="$emit('format-change', $event)"
/>