Message

Tile UI

Solid registry output is ready for review.

10:42

Keyboard and SSR checks passed.

import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from '@tile-ui/solid';

export default function MessageDemo() {
	return (
		<MessageGroup>
			<Message align="start">

Use Message primitives to compose semantic conversation rows without adding state management.

Registry install

pnpm dlx shadcn@latest add @tile-ui/message

Package usage

import { MessageGroup, Message, MessageContent, MessageFooter } from '@tile-ui/solid';

<MessageGroup>
	<Message align="end">
		<MessageContent>Registry complete.</MessageContent>
		<MessageFooter>Now</MessageFooter>
	</Message>
</MessageGroup>

Highlights

Start and end alignment
Avatar, header, content, and footer primitives
Native static message markup

Registry dependencies

Item	Purpose
`message`	Component source and module styles
`core`	Framework-agnostic logic helpers
`styles`	Shared SCSS tokens and globals

API reference

Prop	Type	Default
`align`	`'start' \| 'end'`	—

MessageGroup

No custom props.

MessageAvatar

No custom props.

MessageContent

No custom props.

MessageHeader

No custom props.

MessageFooter

No custom props.