Normal
Normal
normal
Variants
| normal |
Error |
Primary |
|
Normal
|
Error
|
Primary
|
| Success |
Warning |
Info |
|
Success
|
Warning
|
Info
|
Usage
When using this component, you must provide a standard HTML Button Element as the only light DOM child of aq-button.
<nile-button variant="primary">Publish</nile-button>
HTML
<nile-tag variant="info" removable>
<nile-icon slot="prefix" name="info2" size="14"></nile-icon>
Info
</nile-tag>
Info
Slots
| Name |
Description |
| (default) |
The tag's label. |
| prefix |
A presentational prefix icon or similar element. |
Attributes & Properties
| Name |
Description |
Reflects |
Type |
Default |
| variant |
The button's theme variant. |
|
'normal' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'gray' |
'normal' |
| pill |
Draws a pill-style button with rounded edges. |
|
boolean |
false |
| removable |
Makes the tag removable and shows a remove button. |
|
boolean |
false |
Events
| Name |
Description |
Event Detail |
| nile-remove |
Emitted when the tag remove(x) button clicked |
- |