Tile | Doras UI

Back to blocks

TileFlexible tile components for displaying content. Similar to the shadcn/ui item component, but my custom implementation prior to the release of that, but refactored to be similar.

Installation

npx shadcn@latest add https://ui.doras.to/r/tile.json

API Reference

Root

Contains all root functionality.

Prop	Type	Default
`variant`	`"default" \| "outline" \| "transparent"`	`"default"`
`asChild`	`boolean`	`false`
`className`	`string`	-

Examples

Use as a link

By using asChild, you can use the tile as a link or any other component

Outline

Using the outline variant that uses React Context to style children

Transparent

Similar to outline, but with a transparent background for use on cards or colored backgrounds