Saltar al contenido principal

Chip

Etiqueta compacta para filtros, selecciones y elementos eliminables.

Uso

import {Tag} from 'lucide-react-native';
import {Chip} from 'rn-inkpad';

<Chip text="iOS" selected onPress={() => {}} />
<Chip text="Removable" icon={Tag} variant="outlined" onClose={() => {}} />
<Chip text="Disabled" disabled />

Props

NombreTipoPor defectoDescripción
textstringLabel.
iconIconPropLeading icon.
selectedbooleanfalseSelected state.
disabledbooleanfalseDisables presses and greys the chip.
variant'filled' | 'outlined'filledVisual style.
colorstringtheme primaryChip color.
textColorstringOverrides the computed text color.
size'sm' | 'md'mdSize.
closeIconIconPropbuilt-in crossIcon of the close button.
onPress() => voidPress handler. Without it the chip is not pressable.
onClose() => voidRenders a close button and handles its press.
styleStyleProp<ViewStyle>Container style.
textStyleStyleProp<TextStyle>Label style.