Before repair nav components
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
This commit is contained in:
18
components/discarted/radial.js
Normal file
18
components/discarted/radial.js
Normal file
@@ -0,0 +1,18 @@
|
||||
// components/Radial.js
|
||||
import { h } from "sigpro";
|
||||
|
||||
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 h("div", {
|
||||
...props,
|
||||
class: `radial-progress ${props.class ?? ''}`,
|
||||
style: style,
|
||||
role: "progressbar",
|
||||
"aria-valuenow": props.value,
|
||||
"aria-valuemin": 0,
|
||||
"aria-valuemax": props.max || 100
|
||||
}, children || `${Math.round(percentage)}%`);
|
||||
};
|
||||
Reference in New Issue
Block a user