Round

This composable provides an easy way to define rounded elements. It is used internally to handle many components like t-button.

All Sides

const AllSides = defineComponent({
  setup() {
    const round = useRound({
      rounded: true,
    });

    return () => (
      <TCell class={[round.value, "bg-secondary-200"]} p>
        There are many variations of passages!
      </TCell>
    );
  },
});
There are many variations of passages!

Specific Side

const TopSides = defineComponent({
  setup() {
    const round = useRound({
      rounded: true,
      sides: ["top"],
      size: "xl",
    });

    return () => (
      <TCell class={[round.value, "bg-secondary-200"]} p>
        There are many variations of passages!
      </TCell>
    );
  },
});
There are many variations of passages!

Composables

Ripple

Composables

Screen Helper

Table of Contents