natxocc/sigpro-ui
1
1
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Rebuild all components
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Natxo
2026-04-21 18:00:17 +02:00
parent d900659d88
commit 16afea2768
67 changed files with 1820 additions and 2132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/Radial.js
View File

@@ -1,18 +1,18 @@
// components/RadialProgress.js
// components/Radial.js
import { Tag } from "sigpro";
export const RadialProgress = (props) => {
const { class: className, value, max = 100, children, ...rest } = props;
const percentage = value != null ? (value / max) * 100 : 0;
export const Radial = (props, children) => {
children === undefined && (children = props, props = {});
const percentage = props.value != null ? (props.value / (props.max || 100)) * 100 : 0;
const style = `--value: ${percentage}; --max: 100;`;
return Tag("div", {
...rest,
class: `radial-progress ${className || ''}`.trim(),
...props,
class: `radial-progress ${props.class ?? ''}`,
style: style,
role: "progressbar",
"aria-valuenow": value,
"aria-valuenow": props.value,
"aria-valuemin": 0,
"aria-valuemax": max
"aria-valuemax": props.max || 100
}, children || `${Math.round(percentage)}%`);
};