v6desginsystem v0.2.7

Component List

Button Componet

It will take Following Interface

interface ButtonProps extends margin, labelProps {
  variant?: keyof typeof theme.colors;
  title?: string;
  width?: number;
  height?: number;
  textColor?: keyof typeof theme.colors;
  selected?: boolean;
  borderColor?: keyof typeof theme.colors;
  bgColor?: keyof typeof theme.colors;
  radius?: 'circle' | keyof typeof theme.genericSizes;
  onPress?: () => void;
  isShadow?: boolean;
  selectedColor?: keyof typeof theme.colors;
}

interface labelProps {
  isLabelVisibel?: boolean;
  label: string;
  iKey: string;
  labelColor?: keyof typeof theme.colors;
  fontWeight?: keyof typeof theme.weight;
  fontSize?: keyof typeof theme.genericSizes;
}


## Text Component
**It will take Following Interface**

```javascript 
interface TextProps {
    size?: number;
    color?: string;
    bold?: number;
    italic?: boolean;
  children: string;
    textAlign?: 'left' | 'right' | 'center' | 'justify' | 'auto';
}

***EXAMPLE***
`<TextComponent bold={600} color={theme.colors.secondary} size={18} key={"KnightBoys"}>Knight Boys</TextComponent>`