Components

All components come from @kog/ui (or via the react-native alias). Props follow React Native naming where an equivalent exists.

note

This page is the index; each component gains a dedicated page with a full props table as it ships. Prop lists below are the v1 surface.

Layout & content

Component	Native widget	Key props
View	base object	style, layout/flex props, onPress passthrough
Text	label	style (text props), numberOfLines, children: strings/numbers/expressions only
Image	image	source (require('./img.png') or URI), resizeMode, tintColor
ScrollView	scrollable object	horizontal, showsScrollIndicator, onScroll
FlatList	native recycling list	data, renderItem, keyExtractor, rowHeight, numColumns, horizontal, onEndReached, initialNumToRender, header/footer/separator components — see Lists

Input & controls

Component	Native widget	Key props
Pressable	button-like object	onPress, onPressIn, onPressOut, onLongPress, disabled, style({pressed})
Button	styled button	title or children, onPress, disabled
TextInput	textarea	value, onChangeText, placeholder, secureTextEntry, keyboardType, maxLength, onFocus/onBlur/onSubmitEditing (on-screen keyboard appears on focus)
Switch	switch	value, onChange, disabled
Slider	slider	value, min, max, onChange
Checkbox	checkbox	checked, onChange, label

Embedded-flavored extras

Component	Native widget	Key props
Arc	arc	value, min, max, startAngle, endAngle, onChange — dials and gauges
Bar / ProgressBar	bar	value, min, max, indeterminate
Spinner	spinner	animating
Roller	roller	options, selectedIndex, onChange — the classic scroll-wheel picker
Dropdown	dropdown	options, selectedIndex, onChange
Chart	chart	series data props — see its page when it lands

Structural

Component	Purpose
NavigationContainer, Stack.*	Navigation
Portal	Render into the top layer (modals, toasts)
ErrorBoundary	fallback render on descendant mount/effect errors
ThemeProvider	Theme tokens + dark mode — see Styling