import { Meta, Canvas } from '@storybook/addon-docs'; import { Container, Row, Column, Button, Avatar, Itchio, useTooltipExtension } from '../packages/react/src'; import { Customization } from '../.storybook/components';
<Meta title="📗Documentation/Elements" parameters={{ previewTabs: { canvas: { hidden: true } } }} />
Papanasi has four different types of elements, that ones are: layout, components, enterprise and extensions. Each type has a different purpose and a different way of being used, explained in the next lines.
Those elements are made to help the developer to create a basic layout for any page, that kind of elements exist in all the UI Libraries that you can imagine, and they are the ones that you will use the most.
What makes these from Papanasi different is that they are fully customizable. You can use them as they are, or you can customize them to fit your needs.
Some examples are Container, Row and Column.
Are the core of Papanasi, all the components should follow the manifesto, should be also customizable from global or scoped variables.
Most popular components are Button or Avatar:
Those elements are the ones that are specific for a company or library, and they are not part of the core of Papanasi. The main idea is to bring the opportunity to create components from SDKs or APIs writing the code just once.
The first enterprise component was Itchio:
Papanasi extensions are plugins that can be used to extend our functionality. Those are not components are can be used as any other library.
A good example of an extension is the Tooltip: