@linkzy/react

@linkzy/react

Collection of unstyled components for create your own link-in-bio

GitHub · License

Install

Install package from your command line

With yarn

yarn add @linkzy/react -E

With npm

npm install @linkzy/react -E

Getting started

Add the component to your template. Include styles where needed.

import * as Linkzy from '@linkzy/react';

const LinksPage = () => {
  return (
    <Linkzy.Root>
      <Linkzy.Head>
        <Linkzy.Avatar>
          <img src="..." />
        </Linkzy.Avatar>
        <Linkzy.Content>
          <Linkzy.Title label="Javier Diaz" />
          <Linkzy.Bio>A software engineer who designs</Linkzy.Bio>
        </Linkzy.Content>
      </Linkzy.Head>
      <Linkzy.Group>
        <Linkzy.Link
          href="https://youtube.com/@coderdiaz"
          label="Visita mi canal de Youtube"
        />
        <Linkzy.Link
          href="https://twitch.tv/coderdiaz"
          label="Visita mi canal de Twitch"
        />
        <Linkzy.Link
          href="https://coderdiaz.dev/contacto"
          label="Ponte en contacton conmigo"
        />
      </Linkzy.Group>
    </Linkzy.Root>
  );
};

License

MIT License