Hudoro Button react native

Hudoro Button react native is a strict and customizable button react native component for web development projects, designed for simplicity and adherence to strict design guidelines.

Screenshots

Package instalation

Instal package using pnpm

  pnpm add @hudoro/button-rn

Instal package using yarn

  yarn add @hudoro/button-rn

Instal package using npm

  npm i @hudoro/button-rn

import package to your project

  import {Button} from '@hudoro/button-rn'

Usage/Examples

import { Button } from '@hudoro/button-rn';

function App() {
  return (
    <Button primary size="lg">
      Hudoro Button For react native
    </Button>
  );
}

Props

Props that you can pass to @hudoro/button-rn

| Prop Name | Type | Value | Default | | :--------- | :------- | :--------------------- | :------ | | size | string | 'xs', 'sm', 'md', 'lg' | 'md' | | corner | string | 'rounded', 'circular' | 'md' | | fullWidth | boolean | false / true | false | | primary | boolean | false / true | true | | secondary | boolean | false / true | false | | tertiary | boolean | false / true | false | | quaternary | boolean | false / true | false | | link | boolean | false / true | false | | success | boolean | false / true | false | | danger | boolean | false / true | false | | warning | boolean | false / true | false |