not-tinder-ui

not-tinder-ui

  • Docs

›Components

Get started

  • Introduction

Components

  • AddRemoveImage
  • Avatar
  • Card
  • ChatBubble
  • ChatInput
  • CustomSwitch
  • LabeledInput
  • LabeledRadioButtons
  • MediaCard
  • SwipeableWrapper

Avatar

Simple rounded Avatar

Avatar_example

Usage

import React from 'react'
import { Avatar } from 'nottinderuikit'

const SimpleAvatar = () => {
  const uri = 'https://images.unsplash.com/photo-1537815749002-de6a533c64db?ixlib=rb-1.2.1&auto=format&fit=crop&w=1445&q=80';
  return <Avatar source={{ uri }} size={120} />
}

export default SimpleAvatar

Props

  • source
  • size
  • style

Reference

source

Source object of the image

TypeDefaultRequired
object: { uri: string }undefinedtrue

size

Size of the avatar, this value is going to be set as the height and width.

TypeDefaultRequired
number60false

style

Add aditional styles to the component.

TypeDefaultRequired
objectundefinedfalse

← AddRemoveImageCard →
  • Usage
  • Props
  • Reference
    • source
    • size
    • style
not-tinder-ui
Docs
Getting Started (or other categories)
More
GitHubStar
Facebook Open Source