mirror of
https://github.com/Xevion/xevion.dev.git
synced 2025-12-06 01:16:58 -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