aboutsummaryrefslogtreecommitdiff
path: root/examples/ssr/src/components/TextDecorationSkip.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/ssr/src/components/TextDecorationSkip.astro')
-rw-r--r--examples/ssr/src/components/TextDecorationSkip.astro23
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>&#32;</Fragment>}
+ </Fragment>
+ ))
+}