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

Button

Initiate an action or event, like submitting a form or opening a dialog.

Import

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

Usage

@Component({
  template: `
    <button x-btn>Button</button>
    <button x-icon>
      <x-icon src="search" />
    </button>
  `
})
export class Usage {}

Examples

Variants

Sizes

Radii

Colors

With icon

Loading

Api

Inputs

NameTypeDefault
type
enum
button
variant
enum
solid
size
enum
md
radius
enum
md
color
enum
loading
boolean
false
loadingText
string
contrast
boolean
false
vertical
boolean
false
block
boolean
false