Beyond Design System

[theharryszn]

A design system built by Renli
.
.
.
.
.
.

Components

• Text
• Badges
• Labels
• Button
• Card
• Modal
• Checkbox
• Switch
• TextField
• Alert
• Form
• FlexBox
• Grid
• Col
• Swipable
• Scrollable
• Icon
• Avatar
• AvatarGroup
• Tabs
• Dropdown
• Popovers
• Tooltip

Native Only

• BottomSheet

Providers

• ThemeProvider

Hooks

• useTheme
• useColor
• useToggle
• useTransition
• useAnimatedBeyondStyle
• useAnimation
• useForm

Colors
Spacing

Theme has dark and light by default,other colors can be added

New colors can also be added

Custom spacing can also be added

Types

• BeyondComponent
• BeyondFactoryFunction
• BeyondStyles
• ColorName
• Color
• ColorShade
• SpacingName
• Spacing
• Theme

Utils

• getColor
• getFontFamily
• getFontSize
• getFontWeight
• getSpacing
• generateID