@manta-eu/react/pill

Type Aliases

BasePillProps

BasePillProps = ComponentProps<"div"> & VariantPropsOf<typeof pillConfig> & object

Type Declaration

asChild?

optional asChild?: boolean

textClassName?

optional textClassName?: string

---

IconOnlyPillProps

IconOnlyPillProps = BasePillProps & object

Type Declaration

aria-label

aria-label: string

icon

icon: ComponentType<{ className?: string; }>

iconOnly

iconOnly: true

label?

optional label?: never

---

LabeledPillProps

LabeledPillProps = BasePillProps & object

Type Declaration

icon?

optional icon?: ComponentType<{ className?: string; }>

iconOnly?

optional iconOnly?: false | never

label

label: string

---

PillProps

PillProps = (IconOnlyPillProps | LabeledPillProps) & object

Type Declaration

ref?

optional ref?: Ref<HTMLDivElement>

Variables

pillConfig

const pillConfig: object

Type Declaration

base

base: string

defaultVariants

defaultVariants: object

defaultVariants.border

readonly border: true = true

defaultVariants.rounded

readonly rounded: "rounded" = "rounded"

defaultVariants.size

readonly size: "base" = "base"

variants

variants: object

variants.border

border: object

variants.border.false

false: string

variants.border.true

true: string

variants.rounded

rounded: object

variants.rounded.rounded

rounded: string = "rounded-full"

variants.rounded.square

square: string = "rounded-sm-v4"

variants.size

size: object

variants.size.base

base: string[]

variants.size.lg

lg: string[]

variants.size.sm

sm: string[]

Functions

Pill()

Pill(props): Element

Parameters

props

PillProps

Returns

Element