Skip to content

V99NotificationBar

V99NotificationBar: Notifications are used to notify users of important changes or newly changed statuses. Use this component if you need to communicate with the user by floating a message.

I. Props

Name Type Default Description
message string - Set V99NotificationBar message
type normal | warning normal Set V99NotificationBar type
showCloseButton bool true Set showing close button
onPress () => void - Action pressing on V99NotificationBar
onClose () => void - Action pressing on close button

II. Import

import { V99NotificationBar } from 'v99-kits'

III. V99NotificationBar List:

  • type normal
  • type warning

Example

        <V99NotificationBar
            marginBottom={V99Spacing.s16}
            content={'2 Some sample text that takes some space'}
            type={'normal'}>
        </V99NotificationBar>
        <V99NotificationBar
            content={'2 Some sample text that takes some space'}
            type={'warning'}>
        </V99NotificationBar>

Demo

Demo