Verse
Corpus verse line: a chapter link plus inline spans and note markers, each opening a click popover.
Preview
Use the controls to explore the component's props.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
chapter | ReactNode | — | Chapter reference rendered as a leading superscript link. |
href | string | — | Destination of the chapter link. |
chapterPopover / renderChapterPopover | ReactNode | (props: ITextPopoverRenderProps) => ReactNode | — | Popover opened by clicking the chapter reference. Without it the chapter is a plain link. |
size | "small" | "medium" | "large" | number | "medium" | Type scale for the verse. Nested VerseSpan/VerseNote inherit it unless they set their own. |
Example
Click the chapter reference, dotted spans or the note marker
1:1In the beginning God created the heavens and the eartha.
import { Verse, VerseNote, VerseSpan } from "@exegia/corpora-ui"
<Verse chapter="1:1" href="#gen-1" chapterPopover={<p>Genesis 1</p>}>
In the beginning{" "}
<VerseSpan popover={<p>Hebrew bereshit.</p>}>God created</VerseSpan> the
heavens and the earth
<VerseNote popover={<p>Textual note.</p>}>a</VerseNote>.
</Verse>Last updated on
User
Identity pieces built on the atoms Avatar: User.Info is the avatar-plus-name row (role badge, optional description, audio ring) used by Bubble.Header and sidebar profiles; User.Pill is the compact mention chip.
Emoji action bar
Compact reaction picker: a toolbar of quick reaction emoji built on the action-bar composed component, with a trailing More action that swaps the surface for the full frimousse picker. Designed to sit inside a glass popover.