Direction

---
import { Direction } from '@santi020k/lumen-astro'
---

<Direction dir="rtl">
  <p>This content flows from right to left.</p>
</Direction>

import { Direction } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <Direction dir="rtl">
      <p>This content flows from right to left.</p>
    </Direction>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-direction dir="rtl">
  <p>This content flows from right to left.</p>
</lumen-direction>