LogoCraftReactNative
Components

ListItem

A list item component to display content in a vertical manner. It supports optional left and right accessories to place a component or an icon.

Component preview

Component dependencies

@/craftrn-ui/components/Text

Usage

Screen.tsx
import { ListItem } from "@/craftrn-ui/components/ListItem";
import { ChevronRight } from "@/craftrn-ui/icons";
 
export const Screen = () => (
  <ListItem
    text="First name"
    textBelow="Charlotte"
    itemRight={<ChevronRight size={24} color={theme.colors.contentPrimary} />}
    onPress={() => {}}
  />
);

Props

PropTypeDefault

InputText

A text field component that allows users to input text. It provides a customizable input field with support for left and right icons and different sizes. Based on React Native TextInput component.

PasscodeEntry

A passcode entry component that allows users to enter a passcode.

On this page