@enact/ui

A collection of simplified unstyled cross-platform UI components for Enact

Stats

StarsIssuesVersionUpdatedCreatedSize
@enact/ui
4.0.52 months ago5 years agoMinified + gzip package size for @enact/ui in KB

Readme

@enact/ui npm (scoped)

A set of reusable behaviors and a library of unstyled components for creating Enact themes.

This library contains a set of unstyled components as well as a number of Higher Order Components (HOCs) that implement various usage patterns and behaviors (Pickable, Pressable, etc.).

Example

One of the components supplied is Repeater. A repeater stamps out copies of a component (the childComponent prop) using the elements of an array provided as its children:

import kind from '@enact/core/kind';
import Repeater from '@enact/ui/Repeater';

const MyApp = kind({
    name: 'MyApp',
    render: () => (
        <Repeater childComponent="div">
            {['One', 'Two', 'Three']}
        </Repeater>
    )
});

export default MyApp;

See the documentation for each component for more information.

Install

npm install --save @enact/ui

Copyright and License Information

Unless otherwise specified, all content, including all source code files and documentation files in this repository are:

Copyright (c) 2012-2021 LG Electronics

Unless otherwise specified or set forth in the NOTICE file, all content, including all source code files and documentation files in this repository are: Licensed under the Apache License, Version 2.0 (the "License"); you may not use this content except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.