Native

Marginalia

A large decorative glyph tucked into a corner of its container, at low opacity. Non-interactive and hidden from screen readers. Use sparingly: one per view.

Source · API

Examples

Loading examples…

API

From COMPONENTS.md; setup for every native component is on React Native.

Component	Notes
`Marginalia`	Decorative corner glyph (RN counterpart to web `Marginalia`). `corner`/`inset`/`opacity`/`accent`. Non-interactive.

Decorative corner glyph — the RN counterpart to the web Marginalia. Non-interactive (hidden from accessibility).

import { Marginalia } from 'achery-ui/native'

// Anchored bottom-right of a full-screen view
<Marginalia glyph="fern" size={100} opacity={0.12} />

Prop	Type	Default
`glyph`	`GlyphName`	`'fern'`
`size`	`number`	`120`
`opacity`	`number`	`0.4`
`accent`	`boolean`	`false` (uses muted fg)
`corner`	`'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left' \| 'none'`	`'bottom-right'`
`inset`	`number`	`16`

Anchors absolutely — the parent should be position: 'relative' (a full-screen View usually is). corner="none" renders inline.