refactor(ui): extract reusable component package
This commit is contained in:
parent
87261b5a3f
commit
2664804e91
86 changed files with 102 additions and 85 deletions
21
packages/ui/src/components/ScanlineField.tsx
Normal file
21
packages/ui/src/components/ScanlineField.tsx
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
export interface ScanlineFieldProps {
|
||||
intensity?: "soft" | "medium" | "hard";
|
||||
size?: "sm" | "md" | "lg";
|
||||
tone?: "neutral" | "accent" | "warning";
|
||||
}
|
||||
|
||||
export function ScanlineField({
|
||||
intensity = "medium",
|
||||
size = "md",
|
||||
tone = "neutral",
|
||||
}: ScanlineFieldProps) {
|
||||
return (
|
||||
<div
|
||||
className="scanline-field"
|
||||
data-intensity={intensity}
|
||||
data-size={size}
|
||||
data-tone={tone}
|
||||
aria-hidden="true"
|
||||
/>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue