Content029 / 155

Label

Pair an icon with a short, readable title.

Example

A little attention to detailRead the field guide

Source

Label.tsxtsx

import { HStack, Icon, Label } from "@/ohmygui";

export default function Example() {
  return (
    <HStack gap="lg" wrap align="center">
      <Label
        icon={<Icon name="sparkle" size={24} />}
        title="A little attention to detail"
      />
      <Label
        icon={<Icon name="arrow-right" size={20} />}
        iconPosition="trailing"
      >
        Read the field guide
      </Label>
    </HStack>
  );
}