flexi-button - npm Package Compare versions

Comparing version 19.0.8 to 19.0.9

package.json

 {
   "name": "flexi-button",
-  "version": "19.0.8",
+  "version": "19.0.9",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^19.0.0",

README.md

@@ -1,7 +0,13 @@
-# Flexi Grid
+# Flexi Button
+A highly customizable button component for Angular v19.x
 
-Angular için Data Grid.
+## Features
+- Supports text, icon, or both
+- Integration with Google Material Symbols for icons
+- Customizable size, color, and rounded corners
+- Built-in loading state
 
-## Kurulum
 
+## Installation
+Install the package using npm
 ```bash
@@ -11,4 +17,47 @@ npm i flexi-button
 
-Örnek kullanım ve daha fazlası için <a href="https://flexi-ui.ecnorow.com/flexi-button" target="_blank">buraya tıklayarak dökümantasyona</a> ulaşabilirsiniz
+## Usage
+#### 1. Button with Text
+Create a button with text
+```html
+<flexi-button btnColor="primary" btnText="Print" btnSize="medium">
+```
 
-Loading...
+#### 2. Button with Icon
+You can use any icon from <a href="https://fonts.google.com/icons?selected=Material+Symbols+Outlined:download:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368&icon.platform=web" target="_blank">Google Material Symbols.</a>
+```html
+<flexi-button btnIcon="print" btnColor="primary" title="Print" flexiToolTip btnSize="medium">
+```
+
+#### 3. Button with Icon and Text
+Combine text and an icon in the same button
+```html
+<flexi-button btnIcon="print" btnColor="primary" btnText="Print" btnSize="medium">
+```
+
+#### 4. Rounded Button
+Make the button corners rounded
+```html
+<flexi-button btnIcon="print" btnColor="primary" btnText="Print" btnSize="medium" [btnRounded]="true">
+```
+
+#### 4. Button with Loading State
+Display a loading spinner instead of the button's content
+```html
+<flexi-button btnColor="primary" btnSize="medium" [loading]="true">
+```
+
+## Inputs Reference
+
+## Inputs Reference
+
+| Input Name      | Type    | Description                                                                                 |
+|-----------------|---------|---------------------------------------------------------------------------------------------|
+| `btnColor`      | string  | Button color. Available values: `light`, `primary`, `success`, `danger`, `warning`, `info`, `dark`, `indigo`, `purple`, `pink`, `teal`, `yellow`, `secondary`, `black`, `white`. |
+| `title`         | string  | Text displayed on the button as a tooltip instead of `btnText`.                             |
+| `btnText`       | string  | Text displayed on the button (use `title` for tooltip functionality instead).               |
+| `btnIcon`       | string  | Icon name from Google Material Symbols.                                                    |
+| `btnSize`       | string  | Button size (e.g., `small`, `medium`, `large`).                                             |
+| `btnRounded`    | boolean | Whether the button should have rounded corners.                                             |
+| `flexiToolTip`  | string  | Tooltip text displayed when hovering over the button.                                       |
+| `loading`       | boolean | Displays a loading spinner if set to `true`.                                                |
+

No alert changes

Improved metrics

Total package byte prevSize

44333

increased by5.99%

Number of lines in readme file

63

increased by350%

No dependency changes