[breaking]: FreeSewing v4 (#7297)
Refer to the CHANGELOG for all info. --------- Co-authored-by: Wouter van Wageningen <wouter.vdub@yahoo.com> Co-authored-by: Josh Munic <jpmunic@gmail.com> Co-authored-by: Jonathan Haas <haasjona@gmail.com>
This commit is contained in:
parent
d22fbe78d9
commit
51dc1d9732
6626 changed files with 142053 additions and 150606 deletions
21
packages/react/components/Ux/index.mjs
Normal file
21
packages/react/components/Ux/index.mjs
Normal file
|
@ -0,0 +1,21 @@
|
|||
import React from 'react'
|
||||
import { CircleIcon } from '@freesewing/react/components/Icon'
|
||||
|
||||
export const Ux = ({ ux = 0 }) => (
|
||||
<div className="flex flex-row">
|
||||
{[0, 1, 2, 3, 4].map((i) => (
|
||||
<CircleIcon
|
||||
key={i}
|
||||
fill={i < ux ? true : false}
|
||||
className={`tw-w-6 tw-h-6 ${i < ux ? 'tw-stroke-secondary tw-fill-secondary' : 'tw-stroke-current'}`}
|
||||
fillOpacity={0.3}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
|
||||
export const UxMini = ({ ux = 0 }) => (
|
||||
<div className="flex flex-row">
|
||||
<CircleIcon className={`tw-w-6 tw-h-6 tw-stroke-secondary tw-fill-secondary/20`} label={ux} />
|
||||
</div>
|
||||
)
|
Loading…
Add table
Add a link
Reference in a new issue