funkwhale/front/ui-docs/using-alignment.md

1.9 KiB

Using alignments

You can align items inside flex and grid layouts.

Align a component relative to its container with align-self

🐌 _

align-self={{ alignment }}

🐌 _ {{ alignment }}

Align the content of a component with align-text

  <Button align-text="start">🐌</Button>
  <Button align-text="center">🐌</Button>
  <Button align-text="end">🐌</Button>
  <Button icon="bi-star" align-text="stretch">🐌</Button>
  <Button icon="bi-star" align-text="space-out">🐌</Button>
🐌 🐌 🐌 🐌 🐌