@citydna/common NPM | npm.io

2.5.1 • Published 3 years ago

Install

Weekly downloads

219

License

MIT

Repository

Last release

3 years ago

`@citydna/common`

A branded component library for Melbourne CityDNA. Check out the Storybook for examples of most components. For everything else, use @material-ui/core.

Installation

$ yarn add @citydna/common @material-ui/core @material-ui/icons

Usage

Most importantly, wrap your app in the <Theme /> component. After that, go for gold. You can play with the example below in codesandbox.

import React from "react"
import { Button, Header, InsetWrap, Theme, Title } from "@citydna/common"

export const MyComponent = () => (
  <Theme variant="dark">
    <Header microBranding right={<Button variant="text" color="default" size="small">Click me</Button>} />
    <InsetWrap>
      <Title primary="Easily build branded UIs" secondary="That look and feel great too.">
      <Button>Lovin' life?</Button>
    </InsetWrap>
  </Theme>
)

// note: You only need to wrap your whole app with <Theme /> once - unless you want to nest themes.

Available components

Check the storybook for interactive demos and usage.

Alert
Button
CounterInput
Dialog
Header
HorizontalTileGrid
HtmlToMui
InsetWrap
Logo
MicroLogo
ResultsList
SearchForm
Select
Skrim
Snackbars
Subtitle
TextField
Theme
Title
VerticalTileGrid

@material-ui/lab deepmerge html-to-react lodash.chunk lodash.merge notistack react-markdown

@everything-registry/sub-chunk-174 @citydna/experience @citydna/platform @citydna/app-aboriginal-melbourne-map @citydna/app-melbourne-historical-map @citydna/app-townhall-map @infinitebrahmanuniverse/nolb-_cit @zalastax/nolb-_cit citydna-app-demo citydna-app-template citydna-app-test

2.5.1-develop.0

3 years ago

3 years ago

3 years ago

3 years ago

2.2.1-develop.0

3 years ago

2.3.1-develop.0

3 years ago

2.4.1-develop.0

3 years ago

3 years ago

2.4.3-develop.0

3 years ago

2.4.2-develop.0

3 years ago

2.5.2-develop.0

3 years ago

3 years ago

2.3.0-develop.1

3 years ago

2.5.0-develop.2

3 years ago

2.5.0-develop.0

3 years ago

3 years ago

3 years ago

3 years ago

2.1.1-develop.0

3 years ago

1.13.0-develop.0

3 years ago

2.0.1-develop.2

3 years ago

2.0.1-develop.0

3 years ago

2.1.0-develop.0

3 years ago

2.0.0-develop.0

3 years ago

3 years ago

1.12.1-develop.0

3 years ago

3 years ago

1.12.0-develop.6

3 years ago

1.11.1-develop.0

3 years ago

1.12.0-develop.3

3 years ago

1.10.0-develop.3

4 years ago

1.11.0-develop.0

3 years ago

1.10.0-develop.5

4 years ago

3 years ago

1.10.0-develop.20

4 years ago

1.10.0-develop.21

4 years ago

1.10.0-develop.13

4 years ago

1.10.0-develop.15

4 years ago

1.10.0-develop.16

4 years ago

4 years ago

1.10.0-develop.17

4 years ago

1.10.0-develop.18

4 years ago

1.9.1-develop.1

4 years ago

1.9.1-develop.0

4 years ago

4 years ago

1.9.0-develop.98

4 years ago

1.9.0-develop.87

4 years ago

1.9.0-develop.52

4 years ago

1.9.0-develop.49

4 years ago

1.9.0-develop.50

4 years ago

1.9.0-develop.45

4 years ago

1.9.0-develop.41

4 years ago

1.9.0-develop.39

4 years ago

1.9.0-develop.21

4 years ago

1.9.0-develop.19

4 years ago

1.9.0-develop.7

4 years ago

1.9.0-develop.2

4 years ago

1.8.1-develop.241

4 years ago

1.9.0-develop.0

4 years ago

1.8.1-develop.238

4 years ago

1.8.1-develop.239

4 years ago

1.8.1-develop.237

4 years ago

1.8.1-develop.235

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago