diff options
Diffstat (limited to 'examples/ssr/src/components/TextDecorationSkip.astro')
-rw-r--r-- | examples/ssr/src/components/TextDecorationSkip.astro | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/examples/ssr/src/components/TextDecorationSkip.astro b/examples/ssr/src/components/TextDecorationSkip.astro new file mode 100644 index 000000000..707027763 --- /dev/null +++ b/examples/ssr/src/components/TextDecorationSkip.astro @@ -0,0 +1,23 @@ +--- +interface Props { + text: string; +} + +const { text } = Astro.props; +const words = text.split(' '); +const last = words.length - 1; +--- + +<style> + span { + text-decoration: underline; + } +</style> +{ + words.map((word, i) => ( + <Fragment> + <span>{word}</span> + {i !== last && <Fragment> </Fragment>} + </Fragment> + )) +} |