Brand

Import

import { Brand } from '@blasterjs/core'

Brand title

 
<Brand color="textBase" title="Raster Foundry" href="#" />

Brand image

 
<Brand
  title="Raster Foundry"
  href="#"
  width="50px"
  px={1}
  py={1}
  mx={4}
  my={4}
  imagesrc="https://docs.rasterfoundry.com/assets/images/raster-foundry-logo.png"
/>

PropTypes

Prop	Type	Required	Default	Description
href	string	yes
title	string	yes
imagesrc	string	no
color	string	no	`link`
colorFocus	string	no
colorHover	string	no
colorActive	string	no
`COMMON`	Style Prop			see Style Props
`LAYOUT`	Style Prop			see Style Props
`POSITION`	Style Prop			see Style Props
`TYPOGRAPHY`	Style Prop			see Style Props
`FLEX_ITEM`	Style Prop			see Style Props

Theming

Schema

 
{
  colors: {
    color,
    colorFocus,
    colorHover,
    colorActive
  },
  fonts: {
    font
  },
  fontSizes: {
    fontSize
  },
  fontWeights: {
    fontWeight
  },
  styles: css`
    ...
  `
}

Default theme
Learn more about themeing

BlasterJS

Brand

Import

Brand title

Brand image

PropTypes

Theming

Schema