Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@pixelblock/buttons
Advanced tools
@pixelblock/buttons - npm Package Compare versions
Comparing version 0.0.4 to 0.0.5
| { | ||
| "name": "@pixelblock/buttons", | ||
| "version": "0.0.4", | ||
| "version": "0.0.5", | ||
| "main": "dist/index.js", | ||
@@ -5,0 +5,0 @@ "files": [ |
@@ -45,55 +45,55 @@ | ||
| ```bash | ||
| {/* Basic Button */} | ||
| <Button>Basic Button</Button> | ||
| {/* Basic Button */} | ||
| <Button>Basic Button</Button> | ||
| {/* Button with specified style and variant */} | ||
| <Button buttonStyle="basic" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="basic" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="basic" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="basic" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="basic" variant="link">Link Button</Button> | ||
| {/* Slide Bottom */} | ||
| <Button buttonStyle="slideBottom" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="link">Link Button</Button> | ||
| {/* Button with specified style and variant */} | ||
| <Button buttonStyle="basic" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="basic" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="basic" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="basic" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="basic" variant="link">Link Button</Button> | ||
| {/*Slide Left*/} | ||
| <Button buttonStyle="slideLeft" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="link">Link Button</Button> | ||
| {/*Slide Right*/} | ||
| <Button buttonStyle="slideRight" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideRight" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideRight" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideRight" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideRight" variant="link">Link Button</Button> | ||
| {/* Slide Bottom */} | ||
| <Button buttonStyle="slideBottom" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideBottom" variant="link">Link Button</Button> | ||
| {/*Slide Up*/} | ||
| <Button buttonStyle="slideUp" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideUp" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideUp" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideUp" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideUp" variant="link">Link Button</Button> | ||
| {/*Slide Left*/} | ||
| <Button buttonStyle="slideLeft" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideLeft" variant="link">Link Button</Button> | ||
| {/*Circle Growth*/} | ||
| <Button buttonStyle="circleGrowth" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="link">Link Button</Button> | ||
| {/*Slide Right*/} | ||
| <Button buttonStyle="slideRight" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideRight" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideRight" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideRight" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideRight" variant="link">Link Button</Button> | ||
| {/*Rotate*/} | ||
| <Button buttonStyle="rotate" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="rotate" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="rotate" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="rotate" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="rotate" variant="link">Link Button</Button> | ||
| {/*Slide Up*/} | ||
| <Button buttonStyle="slideUp" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="slideUp" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="slideUp" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="slideUp" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="slideUp" variant="link">Link Button</Button> | ||
| {/*Circle Growth*/} | ||
| <Button buttonStyle="circleGrowth" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="circleGrowth" variant="link">Link Button</Button> | ||
| {/*Rotate*/} | ||
| <Button buttonStyle="rotate" variant="primary">Primary Button</Button> | ||
| <Button buttonStyle="rotate" variant="secondary">Secondary Button</Button> | ||
| <Button buttonStyle="rotate" variant="outline">Outline Button</Button> | ||
| <Button buttonStyle="rotate" variant="ghost">Ghost Button</Button> | ||
| <Button buttonStyle="rotate" variant="link">Link Button</Button> | ||
| ``` | ||
| ## License | ||
| MIT |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.45%
10231
No dependency changes