@sdfp/button

button

Usage no npm install needed!

<script type="module">
  import sdfpButton from 'https://cdn.skypack.dev/@sdfp/button';
</script>

README

@sdfp/button

La librería de componentes UI Rankmi Design proporciona un componente Button diseñado para un llamado a la acción y actiones complementarias.

Uso

Uso por omisión

import Button from "@sdfp/button";

const Example: React.FC = () => {
  return (
    <div>
      <Button>Button Example </Button>
    </div>
  );
};

Uso avanzado para implementar

import Button, {
  ButtonVariant,
  ButtonColors,
  ButtonSizes,
  ButtonOpacity
} from "@sdfp/button";

const Example: React.FC = () => {
  return (
    <div className="App">
      <Button
        variant={ButtonVariant.Primary}
        color={ButtonColors.ColorRed}
        size={ButtonSizes.SizeMd}
        opacity={ButtonOpacity.Opacity75}
      >
        Button Example
      </Button>
    </div>
  );
};

Documentación

Para más información por favor visita el siguiente link: TODO