This library was generated with Angular CLI version 14.2.0.
Color
| color |
| primary |
| secondary |
| danger |
| success |
| warning |
| info |
<ui-button color="primary">Button Primary</ui-button>
Outline
| color |
| primary-outline |
| secondary-outline |
| danger-outline |
| success-outline |
| warning-outline |
| info-outline |
<ui-button color="primary-outline">Button Primary Outline</ui-button>
Elevated
| color |
| primary-elevated |
| secondary-elevated |
| danger-elevated |
| success-elevated |
| warning-elevated |
| info-elevated |
<ui-button color="primary-elevated">Button Primary Elevated</ui-button>
Round
[rounded] = "true | false"
<ui-button color="primary" [rounded]="true">Button Primary Round</ui-button>
Width
<ui-button color="primary" width="full">Button Full Width</ui-button>
Size
<ui-button color="primary">Button Default</ui-button>
<ui-button color="primary" size="lg">Button L</ui-button>
<ui-button color="primary" size="xl">Button XL</ui-button>
<ui-button color="primary" icon="lock-closed">Button Icon</ui-button>
icon using hero icon check official website here https://heroicons.com/
