34 docs tagged with "Component"

Avatars can be used to represent people or objects. It supports images, Icons, or letters.

Small numerical value or status descriptor for UI elements.

To use a icon font, you have to make sure you import them into your project. Only after the font is loaded, you can use Icon set.

Bottom sheets are surfaces containing supplementary content, anchored to the bottom of the screen.

FlexNative Buttons package is part of FlexNative for React Native, it provides a clickable UI library and functionality.

The CheckBox is typically used to represent boolean values via a binary checked state.

API

FlexNative provides a number of built-in Core Components ready for you to use in your app.

This section show how to consume (use) theme colors for your components.

@flexnative/icons package uses custom icon fonts created based on a IcoMoon.

BaseTheme object is where you define your application's color palette.

The following examples demonstrates the FlexNative Check List in action.

The following examples demonstrates the Numeric Text Boxes in action.

The following examples demonstrates the Text Boxes in action.

First of all you need to install @flexnative/theme-context.

Below example shows a full example how to extend ThemeProvider and implement setColorScheme method to support to dark mode

If you need to customize the default theme by adding custom colors to match your design requirements,

AvatarGroup is part of the @flexnative/avatar package.

Avatar with icons.

FlexNative suite delivers more than integrated font icons for its components.

Avatar with images.

FlexNative Inputs package is part of FlexNative for React Native, it provides a same base inputs UI library and functionality.

The following examples demonstrates the FlexNative Check List in action.

The following examples demonstrates the Numeric Text Boxes in action.

The following examples demonstrates the Text Boxes in action.

API

API

The FlexNative Skeleton Loading is part of the FlexNative and is available under the @flexnative/skeleton-loading NPM package.

Spinner is part of the @flexnative/icons package.

The FlexNative Tags is part of the FlexNative and is available under the @flexnative/tags NPM package.

API

Avatar with text.

The FlexNative Theme Context is part of the FlexNative and is available under the @flexnative/theme-context NPM package.

The following example demonstrates the Icons in action.