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

Icon

Used to display an svg icon.

Import

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

Usage

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

Setup

To setup icon path you can use provideIconPathMapper

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

bootstrapApplication(AppComponent, {
  providers: [
    // ...
    provideIconSourceMapper(src =>
      src.startsWith('https://') ? src : `/my-assets/icons/${src}.svg`,
    )
  ]
})

API

Inputs

NameTypeDefault
name
string | null
null
raw
boolean
false
color
string
size
number
Previous
Group