Draw Underline Link

label

variant

duration

underlineColor

Installation

Usage

import { DrawUnderlineLink } from '@/components/sora-ui/texts/draw-underline-link';

export default function Page() {
  return (
    <DrawUnderlineLink href="#" underlineColor="#ff4c24">
      Hover me
    </DrawUnderlineLink>
  );
}

Props

Prop	Type	Default
`children?`	`string`	-
`label?`	`string`	-
`variant?`	`"default" \| "sm" \| "lg"`	`"default"`
`duration?`	`number`	`0.5`
`paths?`	`readonly string[]`	-
`underlineColor?`	`string`	`"currentColor"`
`className?`	`string`	-
`textClassName?`	`string`	-
`underlineClassName?`	`string`	-

Credits

Inspired by Osmo. Reimplemented for Motion and React.

Draw Underline Link

Installation

Usage

Props

Credits

On this page