EDVNZ Components

Edvnz components for rendering cross-platform applications Design-system based Edvnz components cover all essential use cases.

Installation

$ npm install @edvnz/components
# or
$ yarn add @edvnz/components

Features

• Full theme support
• Cross-platform adaptation

Button

Button make basic actions more accessible and enable users to perform activities more effectively. Buttons utilize labels,size and in some cases, icons to describe the action that will take place when the user pocesses them.

Props

| Prop name | Type | Description | | :------------ | :------------------------- | :------------------------------------------------------------------------------- | | appearance | filled outlined text | Appearance of the component. Can be filled, outline or text. Defaults to filled. | | status | active inactive | Status of the component. Can be active or inactive. Defaults to active. | | iconLeft | element | Icon to appear on the left side of the button | | iconRight | element | Icon to appear on the right side of the button | | label | string | Label text to be displayed inside the button | | onPress | func | Function for onPress | | size | large medium small | Size of the button | | style | object | Style for the button | | textStyle | object | Style for the button | | textVariant | string | textVariant for the text/label inside the button |

Example

import React from "react";
import { Button } from '@edvnz/components`

const Example = () => {
  return (
    <Button label="Sign In" size="large" style={{ width: "200px" }} />
  )
}