Flex

Creates a flex container which enables flex context for all its direct children.

Tickets sold

9,876

Average Selling Price

$ 175.20

Installation

npx solidui-cli@latest add flex

Usage

import { Flex } from "~/components/ui/flex"

<Card class="w-full max-w-xs p-6">
  <Flex>
    <div>
      <p class="text-sm font-normal text-gray-500">Tickets sold</p>
      <p class="text-3xl font-semibold text-gray-700">9,876</p>
    </div>
    <div>
      <p class="text-sm font-normal text-gray-500">Average Selling Price</p>
      <p class="text-3xl font-semibold text-gray-700">$ 175.20</p>
    </div>
  </Flex>
</Card>