Interface LinkButtonProps

interface LinkButtonProps {
    badge?: boolean;
    children?: ReactNode;
    component: "link";
    disabled?: boolean;
    fontWeight?: "medium" | "bold" | "normal" | "light";
    form?: string;
    icon?: ReactElement<unknown, string | JSXElementConstructor<any>>;
    inline?: boolean;
    lowercase?: boolean;
    noPadding?: boolean;
    onClick?: () => void;
    role?: AriaRole;
    size?: "medium" | "small" | "tiny" | "large" | "huge";
    title?: string;
    to: To;
    variant?:
        | "link"
        | "primary"
        | "secondary"
        | "subscription"
        | "tertiary"
        | "quaternary";
}

Hierarchy

  • ButtonBaseProps
    • LinkButtonProps

Properties

badge? children? component disabled? fontWeight? form? icon? inline? lowercase? noPadding? onClick? role? size? title? to variant?

Properties

Optionalbadge

badge?: boolean

If true, shows a dot indicating that there is something new.

Refs: https://setproduct.com/blog/badge-ui-design

Optionalchildren

children?: ReactNode

component

component: "link"

Optionaldisabled

disabled?: boolean

OptionalfontWeight

fontWeight?: "medium" | "bold" | "normal" | "light"

Legt das Schriftgewicht des Buttons fest.

Default

"normal"

Optionalform

form?: string

Optionalicon

icon?: ReactElement<unknown, string | JSXElementConstructor<any>>

Optionalinline

inline?: boolean

Optionallowercase

lowercase?: boolean

Wenn true, wird der Text in Kleinbuchstaben angezeigt.

Default

false

OptionalnoPadding

noPadding?: boolean

OptionalonClick

onClick?: () => void

Also available on the link, so we can implement a share button that links to a URL and can trigger a share functionality.

Remarks

If you want to use this, really think it through. Maybe you want to use a component="button" instead.

Optionalrole

role?: AriaRole

See aria roles: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles

Optionalsize

size?: "medium" | "small" | "tiny" | "large" | "huge"

Optionaltitle

title?: string

to

to: To

Optionalvariant

variant?:
    | "link"
    | "primary"
    | "secondary"
    | "subscription"
    | "tertiary"
    | "quaternary"

Settings

Member Visibility

On This Page

Properties