(Custom-UI) Customized UI

This repository is React customized ui library also in contains template management system

Components

Article

<Article />

ArticleListPreview

<ArticleListPreview />

Fonts

<Fonts href={"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600&display=swap"} />

Image

<Image src={"https://www.example.com/example.png"}/>

Paragraph

<Paragraph />

Small

<Small>Small Text</Small>

Tag

<Tag />

TextHeader

<TextHeader text={"Header 1"}>

OR

<TextHeader>Header 1</TextHeader>

Container

<Container></Container>

Grid

<GridContainer>
    <GridItem col={12}></GridItem>
    <GridItem col={12}></GridItem>
</GridContainer>

Button

<Button type="submit" label="Submit Button"/>

Input

<Input name="name" placeholder="Please enter your name"/>

Select

<Select name={"language"} values={[{id:"id", name:"name"}]} placeholder="Please Select Language">

TextArea

<TextArea placeholder={"Please enter description"}/>

Form

<Form></Form>

Icon

<Icon name="plus"/>

Footer

<Footer />

Slogan

<Slogan />

Header

<Header/>

Logo

<Logo src="https://www.example.com/example.png"/>

Link

<Link href="https://www.example.com/example">

SideMenu

<SideMenu/>

TemplateManager

import { TemplateManager, DarkTemplate, LightTemplate, TemplateProps } from 'customized-ui'

TemplateManager.setTheme(DarkTemplate)