• Advanced

  • Carousel
  • Login
  • Network Toast

• Basic

  • Anchor
  • Button
  • Buttongroup
  • Icon
  • Label
  • Message
  • Picture
  • Progress-bar
  • Progress-circle
  • Search
  • Skeleton
  • Spinner
  • Video

• Data

  • Card
  • Form
  • List

• Device

  • Barcodescanner
  • Camera

• Dialogs

  • Alertdialog
  • Confirmdialog
  • Dialog

• Input

  • Calendar
  • Checkbox
  • Checkboxset
  • Chips
  • Composite
  • Currency
  • Date
  • Datetime
  • Time
  • Number
  • Radioset
  • Rating
  • Select
  • Slider
  • Switch
  • Text
  • Textarea
  • Toggle

• Layout

  • Accordion
  • Container
  • Layoutgrid
  • Linearlayout
  • Panel
  • Tabs
  • Tile
  • Wizard

• Navigation

  • Appnavbar
  • Menu
  • Navbar
  • Popover

• Page Layout

  • Content
  • Left-panel
  • Page-content
  • Page
  • Partial-container
  • Partial
  • Prefab
  • Tabbar

React Native View Styles

Style Name	Supported Values
align-content	flex-start, flex-end, center, stretch, space-between, space-around
align-items	flex-start, flex-end, center, stretch, baseline
align-self	auto, flex-start, flex-end, center, stretch, baseline
backface-visibility	visible, hidden
background-color	color
background-image	path of image in the resources folder
background-position	center or top left positions in px or %
background-repeat	no-repeat, repeat-x, repeat-y, repeat
background-size	cover, contain, or width height in px or %
border-bottom-width	number of pixels
border-left-width	number of pixels
border-right-width	number of pixels
border-top-width	number of pixels
border-color	color
border-top-color	color
border-right-color	color
border-bottom-color	color
border-left-color	color
border-radius	number of pixels
border-style	'solid', 'dotted', 'dashed'
border-width	number of pixels
border	short hand property to specify border (width, style and color)
box-shadow	to specify the box shadow
bottom	number of pixels or in %
direction	inherit, ltr, rtl
display	flex, none
flex	number
flex-basis	number or string
flex-direction	row, row-reverse, column, column-reverse
flex-grow	number
flex-shrink	number
flex-wrap	wrap, nowrap, wrap-reverse
height	number
justify-content	flex-start, flex-end, center, space-between, space-around, space-evenly
left	number of pixels or in %
margin	short hand property to specify margin in all directions
margin-bottom	number of pixels
margin-left	number of pixels
margin-right	number of pixels
margin-top	number of pixels
max-height	number of pixels or in %
min-height	number of pixels or in %
max-width	number of pixels or in %
min-width	number of pixels or in %
opacity	number between 0 and 1
overflow	visible, hidden, scroll
padding	short hand property to specify padding in all directions
padding-bottom	number of pixels
padding-left	number of pixels
padding-right	number of pixels
padding-top	number of pixels
position	absolute, relative
right	number of pixels or in %
top	number of pixels or in %
width	number of pixels or in %
z-index	number