mirror of
https://github.com/Xevion/xevion.dev.git
synced 2025-12-06 05:17:10 -06:00
Add project banners & SteppedSpan test
This commit is contained in:
BIN
public/paths.png
Normal file
BIN
public/paths.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
BIN
public/phototag.png
Normal file
BIN
public/phototag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
18
src/components/SteppedSpan.tsx
Normal file
18
src/components/SteppedSpan.tsx
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
import {FunctionComponent} from "react";
|
||||||
|
|
||||||
|
type SteppedSpanProps = {
|
||||||
|
children: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const SteppedSpan: FunctionComponent<SteppedSpanProps> = ({children}: SteppedSpanProps) => {
|
||||||
|
return <div className="stepped">
|
||||||
|
|
||||||
|
{children.split('').map((char: string) => {
|
||||||
|
return <span>
|
||||||
|
{char}
|
||||||
|
</span>
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SteppedSpan;
|
||||||
Reference in New Issue
Block a user