All Components
Every component in Delacour UI Native, grouped by what it does.
One hundred and eight components, each on its own import subpath. There is no package-wide barrel — that is what lets an app skip resolving optional peers it never uses.
Every page carries the same three ways in, and the name is the same in all of them:
bunx delacour@latest add buttonbun add @delacour/react-native-uiThe CLI copies the source into your repository, so you edit button.tsx rather than upgrade a
package. The package installs the same components and you import them from
@delacour/react-native-ui/button. See Installation.
Actions
ButtonA pressable action, with composed icons and a loading state that costs no layout.
ContextMenuThe actions that belong to a piece of content, reached by holding it — with a lifted preview.
MenuA list of actions dropped from the control that opens it — with checkbox, radio and in-place submenu rows.
PressableThe Gesture API primitive every pressable in the library is built on.
SwipeA row that slides aside to reveal actions behind it, with a full swipe that fires the outermost.
StackCardA deck taken one card at a time by throwing the top one off — one decision per card.
SlideButtonA handle dragged across a rail to confirm — for an action a stray tap should never reach.
SelectionModePick several things at once — a long press enters the mode — then act on them from a bar.
ProgressButtonA button held, not tapped, to confirm — the action fires when the fill reaches the end.
ToggleButtonA button that stays pressed — alone, or in a group choosing one option or several.
FabOne primary action floating over the screen, extended with a label or unfolding a dial.
Forms
FieldA form field's layout, and the one place its state is written down.
InputA text field, and the box that can hold content beside it.
TextareaA multiline text field, sized in rows.
ThemeSelectorSystem, Light or Dark — read from the live theme, and applied to it.
TagInputFree-form tags typed into one field box, each a removable chip.
OtpInputA one-time code or PIN — cells drawn over one hidden field, with autofill and paste.
NumberInputA number between a minus and a plus — tap, hold to repeat, or type.
MarkdownEditorA Markdown field — a formatting toolbar, a write pane and a rendered preview.
LabelA form control's name, with required, invalid and disabled states.
CheckboxA box that is ticked or not — alone, or as one of a group sharing a value list.
ChipAn interactive pill — a filter that toggles, a tag, or a token with a remove control.
ComboboxA long or remote list behind a field-shaped trigger, filtered as you type in a bottom sheet.
RadioOne choice from a set, with a trailing indicator row.
SwitchAn on/off control with a thumb you can drag as well as tap.
QuestionnaireA guided form, one question at a time, with branching, skips, validation and progress.
ColorPickerA colour picked by dragging an area and a hue track, typed as hex, or tapped from swatches.
CalendarA month grid for picking a day, several days or a range, with no date library and no time zone.
DatePickerA field that opens a calendar in a bottom sheet — one day, a range or several, closing when the pick is finished.
DateTimePickerA date and a time of day picked together — a calendar and a wheel in one sheet, filled in either order, with one Done.
RatingA row of stars that reads or sets a score, in whole or half steps.
SignatureA pad to sign with a finger, handing back the strokes as JSON or as an SVG.
SelectA closed set of choices behind a field-shaped trigger, picked from a bottom sheet.
SearchBarThe query field at the top of a list, with clear, Cancel, debounced reporting and filter tokens.
SliderA value picked from a range by dragging a handle along a track.
TimePickerA time of day on snapping wheels, in a bottom sheet or inline.
Data display
ChartLine, area, bar, scatter, candlestick and pie marks drawn in Skia, coloured from the theme's five-slot series ramp.
FlowA pan-and-zoom canvas of nodes joined by edges that route themselves, for pipelines and builders.
CountdownTime left until a fixed moment, read from the wall clock on every tick, in sliding segmented digits or one inline run.
KpiOne number, its change coloured by what it means, and a sparkline of how it got there.
TimelineDated events down a rail or across a snapping strip — progress fills the rail, tone tints the marker.
PlannerA month of days, each showing what falls on it, with a sheet of the selected day.
LeaderboardRanked people or teams with ties, the top three on a podium, and the highlighted entry pinned below the cut.
TextThe type scale, and the one component that reproduces React Native's text inheritance.
AvatarA person as a picture, with an initials fallback, a corner badge and a stack.
BadgeA compact label for status, category or count.
IconCentral Icons, sized and coloured by inheritance.
ItemA row of media, text and actions — standalone, or as a ListGroup row.
ListGroupA surface grouping related rows, with dividers inserted for you.
TableRows and columns of short values, lined up by one set of column rules.
MapPlaces and paths on a themed map — markers, labels, popups, routes, arcs and controls.
SeparatorA one-pixel rule, hidden from assistive technology.
AccordionSections that expand and collapse, animated from a measured height.
CollapsibleOne section shown and hidden by its own trigger.
Media
TextAnimationFive ways a piece of text or a number arrives — reveal, typing, rotating, counting, rolling.
SupportA help section: availability, channels, topics, past requests and the furniture around a support thread.
ScrollTextText that resolves word by word as the screen scrolls past it.
QRCodeA string a camera can read, drawn as one vector path, with an optional logo in the middle.
MessageScrollerA conversation list that sticks to the newest message, jumps back with an unread count and loads older history.
MarqueeContent that travels across its container on a loop, at a speed in points per second.
FlipCardTwo faces of one card and a turn between them, by tap, swipe or code.
AttachmentA file, image or recording — thumbnail, name, size, upload progress, remove and retry.
PostA social card: author, body, media and animated counts, in four shapes.
MessageA chat bubble with direction, run-aware corners, delivery status, reactions and an avatar gutter.
CompareTwo layers of one frame with a seam you drag across, revealed rather than resized.
CircularTextText set around a circle — a seal, a badge, an arc of words — optionally turning.
Feedback
AlertA status message with a glyph picked from its status, a title, a description and an optional action.
AnimatedBadgeA status pill that rolls its content and springs its width when the status changes.
MarkerA centred inline note for a step or a day break between conversation turns.
MeterA measurement on a fixed scale, coloured by where it falls.
ProgressA bar showing how far a task has got, or that it is under way.
SpinnerAn animated loading indicator that stands in for an icon.
SkeletonA placeholder that shimmers or pulses while content loads.
EmptyStateA placeholder for a list or screen with nothing in it, and the action that fills it.
Overlays
BottomSheetA sheet that rises from the bottom edge — snap points, keyboard, sticky footer, scrollables and steps.
ToastA brief message from anywhere — even outside React — stacked at the edge of the screen, swiped away or gone on its own.
DialogA centred card over a dimmed app that asks for a decision or a short input — confirm, alert dialog, form.
PopoverA small panel anchored to its trigger — flips and shifts to stay on screen, with an arrow that follows.
TooltipA short label on a long press — anchored to its control, gone on its own, never in the way of the next tap.
DrawerA panel that slides in from an edge and swipes back to it — a menu, a filter panel, a notifications tray.
FeedbackA dialog for writing — the field in a recessed well, a send that waits, steps that ease between heights.
Navigation
SectionRailA thin rail of bars along a screen edge, one per section, that opens into an outline to jump or scrub through.
SectionProgressA floating pill over a long read: a ring filling with scroll progress, the section being read, and a list to jump between them.
SortableA vertical list reordered by dragging a handle or a long-pressed row, with pinned rows and auto-scroll.
PaginationMoves through pages of a result set: a fixed-width run of numbers and gaps, a compact readout, or labelled arrows.
BreadcrumbThe path to the current screen, with automatic separators, a collapsing middle or a scrolling trail.
StepsA stepper for multi-step flows: completed, current and upcoming steps joined by a line.
TabsA row of tabs and the panels they switch between, with a swipeable pager.
TreeA hierarchy opened one level at a time: branches that expand and collapse, with optional selection.
TourA guided walkthrough — the screen dims, a hole opens around one control and a card explains it.
Layout
ScreenA screen's frame: pinned chrome, a content region, and whatever scrolls between them.
ScrollFadeA gradient at a scrollable's edges while content runs past them, on either axis.
SurfaceA rounded container on the theme's fill ladder, stepping to the next fill as it nests.
CardA content surface with a header, a body and a footer, built on Surface.
ScrollCanvasAn image in a still frame that parallaxes, zooms, reveals or scrubs a frame sequence as the page scrolls.
ScrollBlurA progressive blur at a scrollable's edges that falls back to a gradient fade.
ScrollHeaderA large title that collapses into a pinned bar as the page scrolls, with a cover, a blur bar and snap.
SplitViewTwo stacked panes with a drag row that settles on named snap points.
SplitterTwo or more panes divided by draggable, adjustable handles, sized in percent.
SketchA finger-drawing surface with a pen, eight shapes, an eraser, colours, stroke width and undo, exported as SVG or PNG.
PageHeaderThe head of a profile or place screen: a cover, an overlapping avatar, a title block, actions and stats.
GridItemA bento grid of whole-cell tiles with aligned edges, and the tile with title, value and background parts.
FrameA titled shell around a card of divided rows, with sections and a footer.
DirectionSets left-to-right or right-to-left for a subtree, and tells gesture maths which way is start.
CarouselSwipeable slides on one fractional position — peek, loop, vertical, coverflow, dots and arrows.
Image ViewerA full-screen viewer that opens out of a thumbnail — pinch, pan and double-tap zoom, swipe, drag to dismiss.
Utilities