Component catalog
Composable Retend components with controlled state ownership, accessible interaction models, and shared Innate styling.
Browse components
Select a component to open its live example, usage notes, and public API guidance.
Inputs
ButtonA pressable control for actions, with consistent visual variants and states.InputA Retend-native wrapper over native input types with controlled value semantics.PinInputA multi-cell controlled code input with paste, OTP, and keyboard navigation support.TimePickerA styled native time input that preserves platform editing and validation behavior.SelectA custom single or multiple selection control with a popup listbox.ComboboxAn editable input paired with a filtered list of selectable options.ToggleA two-state button for switching an option on or off.FieldShared label, description, error, id, and invalid-state wiring for form controls.FileUploadA composable file picker and dropzone with type, size, and count constraints.CheckboxA binary form control for opting into one or more independent choices.TextareaA controlled multi-line text input that integrates with Field.SliderA single or range value input with pointer, touch, and keyboard interaction.DatePickerA controlled date field with an accessible calendar popover.RadioA group of mutually exclusive choices with arrow-key navigation.
Navigation
AccordionA vertically stacked set of sections that can be expanded and collapsed.CarouselA keyboard and pointer accessible scroller for moving through a collection of items.TreeViewA hierarchical collection with expansion, selection, and keyboard navigation.PaginationControls for moving between numbered pages of content.StepperA progress sequence with completed, current, upcoming, and error states.
Overlays
DialogA modal or non-modal window for focused tasks and decisions.SheetA modal panel that enters from an edge and supports gestures and snap points.TooltipA short accessible description shown on hover or keyboard focus.DropdownA trigger-driven menu surface for contextual actions.MenuA keyboard-navigable collection of actions, radio items, and checkable items.PopoverAn anchored floating surface for lightweight contextual content.
Feedback
Data display
Utilities
Component principles
Retend-native
Cells, scopes, and Retend control flow are used directly rather than emulating React state patterns.
Controlled state
Components display received state and report user intent upward instead of maintaining shadow models.
Accessible behavior
Native semantics are preferred, with keyboard and ARIA behavior supplied where custom interaction requires it.
Composable API
Compound components expose structural parts without forcing application-specific wrappers.