calculation-01
calculation-02
calculation-03
calculation-04
calculation-05
calculation-06
calculation-07
calculation-08
calculation-09
calculation-10
calculation-11
calculation-12
calculation-13
calculation-14
calculation-15
calculation-16
calculation-17
calculation-18
calculation-19
calculation-20
calculation-21
Installation
Usage
import { Calculation } from "@/components/ui/calculation"<Calculation /><Calculation defaultOperation="average" defaultInput="10, 20, 30, 40" />Operations
| Value | Label | Inputs Used |
|---|---|---|
sum | Sum | All values |
average | Average | All values |
min | Minimum | All values |
max | Maximum | All values |
count | Count | All values |
add | Add | First two values |
subtract | Subtract | First two values |
multiply | Multiply | First two values |
divide | Divide | First two values |
percentage | Percentage | First two values |
percentage-change | Percentage Change | First two values |
remainder | Remainder | First two values |
power | Power | First two values |
sqrt | Square Root | First value |
absolute | Absolute | First value |
round | Round | First value |
floor | Floor | First value |
ceil | Ceiling | First value |
factorial | Factorial | First value |
gcd | GCD | First two values |
lcm | LCM | First two values |
Props
| Prop | Type | Default |
|---|---|---|
| defaultOperation | Operation | "sum" |
| defaultInput | string | "100, 200, 300" |
| className | string | — |
| ...props | HTMLAttributes<div> | — |