Prefabs

Although Shakti allows you to easily build your own component library from its primitives, there are also some prefabricated ("prefab") components you can drop into your application. They are more integrated and thorough than the primitive components, but still allow the flexibility of composition. All Shakti prefabs allow Base props to be mixed in, as well as props from components they are composed upon (i.e. if a prefab is built on Flex, it can, of course, accept Flex props).

It is recommended to avoid using prefabs in favor of building your own custom UI components, but they can be used if you want quick prototypes or want to have a more comprehensive base for creating UI compositions.

Card

A card is a Flex component augmented with custom styles to make it look "card-like".

<Card bgColor="#af33ff" alignCenter justifySpaceAround>
    <Text color="white" my={18}>Not quite a credit card</Text>
    <Text>💳</Text>
</Card>

Not quite a credit card

💳

Media

Recipes