Box

Properties

title

string

required

onPressTitle

string | undefined

onPress

(() => void) | undefined

theme

"dark" | "light" | undefined

dark

children

ReactNode

Box with light theme

SUGGESTED FANS

<Box title="SUGGESTED FANS" theme="light" />

<Box title="SUGGESTED FANS" theme="light" />

Box with dark theme

PROFILE COMPLETED 10%

<Box title="PROFILE COMPLETED 10%" />

<Box title="PROFILE COMPLETED 10%" />

Box with action

PROFILE COMPLETED 10%

see all



<Box
  title="PROFILE COMPLETED 10%"
  onPressTitle="see all"
  onPress={() => {
    console.log('press action')
  }}
/>

<Box
  title="PROFILE COMPLETED 10%"
  onPressTitle="see all"
  onPress={() => {
    console.log('press action')
  }}
/>

Box with children

PROFILE COMPLETED 10%

see all



Children render inside the box

<Box
  title="PROFILE COMPLETED 10%"
  onPressTitle="see all"
  onPress={() => {
    console.log('press action')
  }}
>
  <View>
    <Text>Children render inside the box</Text>
  </View>
</Box>

<Box
  title="PROFILE COMPLETED 10%"
  onPressTitle="see all"
  onPress={() => {
    console.log('press action')
  }}
>
  <View>
    <Text>Children render inside the box</Text>
  </View>
</Box>

Box

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

Box with light theme

Box with dark theme

Box with action

Box with children

Properties