Skip to content
aq-ui
Back to ComponentsComponent

Marker

Open-code aq-ui accessible component family for Marker.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add marker

API reference

SSR-safe

Import the parts you need, then jump to an export for its contract.

View full source

Quick start

import { Marker } from "@/components/ui/marker"

<Marker />

Marker

constSource L22

Open-code aq-ui accessible component family for Marker.

const Marker = React.forwardRef<React.ComponentRef<"div">, useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>>(…)
Props type
useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>
<Marker />

MarkerContent

constSource L63

Content export for composing Marker.

const MarkerContent = React.forwardRef<React.ComponentRef<"span">, React.ComponentProps<"span">>(…)
Props type
React.ComponentProps<"span">
<MarkerContent />

MarkerIcon

constSource L44

Public const export from Marker.

const MarkerIcon = React.forwardRef<React.ComponentRef<"span">, React.ComponentProps<"span">>(…)
Props type
React.ComponentProps<"span">
<MarkerIcon />

markerVariants

constSource L8

Public const export from Marker.

const markerVariants = cva(…)

Registry dependencies

utils

Package dependencies

@base-ui/react@^1.7.0, class-variance-authority@^0.7.1

Files

  • components/ui/marker.tsx

Source