Inline Icon Button

import {InlineIconButtonComponent} from "@qualcomm-ui/angular/inline-icon-button"

Examples

Showcase

Brand

<button q-inline-icon-button></button>

Variants

Brand

<button q-inline-icon-button></button>
  <button emphasis="persistent-black" q-inline-icon-button></button>
  <button emphasis="persistent-white" q-inline-icon-button></button>

API

q-inline-icon-button

Prop	Type	Default
emphasis The style variant of the button. Governs color.	\| 'neutral' \| 'persistent-white' \| 'persistent-black'	'neutral'
icon	LucideIconData	X
size The size of the button and its icon.	\| 'sm' \| 'md' \| 'lg'	'md'
variant The style variant of the button's icon that controls its size `scale`: The icon size scales with the button's size `fixed`: The icon size is constant, regardless of the button's size	\| 'fixed' \| 'scale'	'fixed'

emphasis

Type

| 'neutral'
| 'persistent-white'
| 'persistent-black'

Description

The style variant of the button. Governs color.

icon

Type

LucideIconData

Description

size

Type

| 'sm'
| 'md'
| 'lg'

Description

The size of the button and its icon.

variant

Type

| 'fixed'
| 'scale'

Description

The style variant of the button's icon that controls its size

scale: The icon size scales with the button's size
fixed: The icon size is constant, regardless of the button's size

Icon Button

Checkbox