@toyu-ui/solid
Version:
<p align="center"> <h1><span style="color: #4a90e2;">T</span><span style="color: #007aff;">Y</span>UI</h1> </p>
39 lines (27 loc) • 807 B
Markdown
name: grid
description: Solid-facing alias for tyui-grid guidance.
license: Apache-2.0
requires: ['@toyu-ui/solid#setup', '@toyu-ui/elements#grid']
metadata:
type: framework
library: '@toyu-ui/solid'
library_version: '0.1.0'
framework: solid
source: skills/grid/SKILL.md
# TYUI Solid grid
## Intent
Use `@toyu-ui/solid#grid` to load Solid setup plus the authoritative `@toyu-ui/elements#grid` guidance.
## Correct Usage
```tsx
import '@toyu-ui/solid/jsx';
import { defineTyuiGrid } from '@toyu-ui/solid/define/grid';
defineTyuiGrid();
<tyui-grid min-item-size="16rem" gap="4" />;
```
## Selection Guidance
- Use raw `tyui-grid` in TSX for responsive peer cards and panels.
- Register it through `@toyu-ui/solid/define/grid`.
## Anti-Patterns
- Do not use Grid for tabular data.