Components/VFlow

Default

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae ea molestias facere iusto dolor debitis suscipit impedit sunt blanditiis itaque ex aliquam eaque minus perspiciatis, beatae, incidunt quaerat voluptatibus. Vitae.

Story Source

<VFlow vSpacing={1}>
  <Text
    component="span"
    variant="main"
  >
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae ea molestias facere iusto dolor debitis suscipit impedit sunt blanditiis itaque ex aliquam eaque minus perspiciatis, beatae, incidunt quaerat voluptatibus. Vitae.
  </Text>
  <Button
    kind="primary"
    size="medium"
    skin="default"
  >
    Button 1
  </Button>
  <Button
    kind="normal"
    size="medium"
    skin="default"
  >
    Button 2
  </Button>
</VFlow>

Prop Types

"Button" Component

property	propType	required	default
loading	boolean	-	-
block	boolean	-	-
style	Interpolation<undefined>	-	-
skin	oneOf "outline" \| "default" \| "ghost"	-	-
size	oneOf "small" \| "medium" \| "large"	-	-
kind	oneOf "danger" \| "normal" \| "primary"	-	-
onClick	((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) \| OnClickWithReturn	-	-
innerRef	Ref<HTMLButtonElement>	-	-
component	ElementType<any>	-	-
onLoadingChange	(loading: boolean) => void	-	-

"Text" Component

property	propType	required	default
component	ElementType<any>	-	span
variant	oneOf "link" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "main" \| "secondary" \| "disabled"	-	main
color	oneOf "info" \| "success" \| "danger" \| "inherit" \| "normal" \| "alert" \| "secondary" \| "disabled" \| "primary"	-	-
fontSize	number	-	-
fontWeight	FontWeightProperty	-	-
fontStyle	string	-	-
textDecoration	string	-	-
style	Interpolation<undefined>	-	-

"VFlow" Component

property	propType	required	default	description
vSpacing	number	-	-
style	Interpolation<undefined>	-	-