Get Started

@import "@arkitektbedriftene/fe-lib/ui/ui.css"

import { styled } from "@arkitektbedriftene/fe-lib/ui"
 
const Wrapper = styled('div', {
  display: 'flex',
  background: '$blue200'
})
 
export const Component = () => {
  return (
    <Wrapper>
      my wrapper
    </Wrapper>
  )
}

import { Box } from "@arkitektbedriftene/fe-lib/ui"
 
export const Component = () => {
  return (
    <Box as="p" css={{
      fontSize: '$sm',
      color: '$blue200'
    }}>
      my paragraph
    </Box>
  )
}

import { Button } from "@arkitektbedriftene/fe-lib/ui"
 
export const Component = () => {
  return (
    <Button>
      button
    </Button>
  )
}