Web components of La Silla Vacía

Button 

<a class="c-button" href="http://lasillavacia.com">The button text</a>
 
import { h, Component } from 'preact';

const Button = ({ children, ...props }) => (
  <a className="c-button" href={props.link}>{ children }</a>
);

export default Button;
 
/* No context defined for this component. */
  • Content: 
    .c-button {
  @apply --typeset-ui;
  display: inline-block;
  padding: map(spaces, small) map(spaces, medium);
  letter-spacing: 1px;
  font-size: .73em;
  font-weight: 500;
  border-radius: 3px;
  text-transform: uppercase;
  background-color: map(colors, primary, base);
  color: #fff;
  text-decoration: none;
}
  • URL: /components/raw/button/Button.css
  • Filesystem Path: src/components/common/Button/Button.css
  • Size: 315 Bytes

There are no notes for this item.