Build, style & ship React apps faster

import { init } from '@vitus-labs/core'
import connector from '@vitus-labs/connector-styler'
import { Element, Text, List } from '@vitus-labs/elements'

// One-line setup
init({ ...connector, component: 'div', textComponent: 'span' })

// Start building
function FeatureCard({ icon, title, items }) {
  return (
    <Element tag="article" direction="rows" gap={16} padding={24}>
      <Element beforeContent={icon} gap={8} alignY="center">
        <Text tag="h3">{title}</Text>
      </Element>
      <List
        component={({ children }) => <Text>{children}</Text>}
        data={items}
        valueName="children"
        gap={4}
        direction="rows"
      />
    </Element>
  )
}