⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Components

Comparable

A comparison component between two images.

js
ts

Import

import { XComparable } from '@mixin-ui/kit';

Usage

@Component({
  template: `
    <x-comparable>
      <img x-slot="start" src="start.png" alt="start" />
      <img x-slot="end" src="end.png" alt="end" />
    </x-comparable>
  `
})
export class Usage {}

API

Inputs

NameTypeDefault
initBy
'area' | 'handle'
area

Models

NameTypeDefault
offset
number
50
Previous
Combobox
Next
Group