@highlight-ui/tile NPM | npm.io

4.2.4 • Published 3 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

3 months ago

@highlight-ui/tile

Using npm:

npm install @highlight-ui/tile

Using yarn:

yarn add @highlight-ui/tile

Using pnpm:

pnpm install @highlight-ui/tile

In your (S)CSS file:

@import url('@highlight-ui/tile');

Once the package is installed, you can import the library:

import { Tile, LinkTile } from '@highlight-ui/tile';

Usage

import React from 'react';
import { Tile } from '@highlight-ui/tile';

export default function TileExample() {
  return (
    <Tile>
      <Typography component="h2" token="heading-2xl" color="text-subdued">
        35
      </Typography>
      <Typography component="h6" token="heading-small" color="text-subdued">
        employees
      </Typography>
    </Tile>
  );
}

Props 📜

Tile

Prop	Type	Required	Default	Description
`children`	`React.ReactNode`	Yes		The contents inside the Tile
`className`	`string`	No		Allows providing a custom class name

LinkTile

Prop	Type	Required	Default	Description
`children`	`React.ReactNode`	Yes		The contents inside the Tile
`href`	`string`	Yes		Specifies the URL of the page the link goes to
`target`	`React.ReactNode`	No		Specifies where to open the link
`className`	`string`	No		Allows providing a custom class name

Contributing 🖌️

Please visit personio.design for usage guidelines and visual examples.

If you're interested in contributing, please visit our contribution page.

@highlight-ui/utils-commons

@infinitebrahmanuniverse/nolb-_hig @everything-registry/sub-chunk-395 personio-componants @zalastax/nolb-_hig

3 months ago

5 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

8 months ago

7 months ago

7 months ago

7 months ago

8 months ago

8 months ago

7 months ago

10 months ago

10 months ago

10 months ago

9 months ago

10 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

7 months ago

7 months ago

7 months ago

8 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago