@edvnz/components

1.0.14 • Public • Published

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

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" }} />
  )
}

Package Sidebar

Install

npm i @edvnz/components

Weekly Downloads

4

Version

1.0.14

License

ISC

Unpacked Size

98.3 kB

Total Files

33

Last publish

Collaborators

  • jeyabaskar
  • gmvarun
  • yokesh_ks