1.25.0 • Published 1 year ago

@s-ui/react-atom-label v1.25.0

Weekly downloads
1,071
License
MIT
Repository
-
Last release
1 year ago

AtomLabel

The Label is the name of the associated field, that explains what is the about. It should be clear, concise and short.

Installation

$ npm install @s-ui/react-atom-label --save

Usage

Basic usage

Labels are shown on top of the input form elements by default due to their block type display. Use inline = 'left' or inline = 'right' props to make them inline.

import AtomLabel from '@s-ui/react-atom-label'

return (
  <div>
    <AtomLabel
      name='atomLabelName'
      for='labelName'
      text='Hello label'
      optional='(optional text)'
      inline='( left || right )'
      type='alert' />

    <input id='atomLabelName' type='text' />
  </div>
)

Find full description and more examples in the demo page.

1.25.0

1 year ago

1.24.0

1 year ago

1.23.0

3 years ago

1.22.0

3 years ago

1.19.0

3 years ago

1.21.0

3 years ago

1.20.0

3 years ago

1.18.0

3 years ago

1.17.0

4 years ago

1.16.0

4 years ago

1.15.0

5 years ago

1.14.0

5 years ago

1.13.0

5 years ago

1.12.0

5 years ago

1.11.0

5 years ago

1.10.0

5 years ago

1.9.0

6 years ago

1.8.0

6 years ago

1.7.0

6 years ago

1.6.0

6 years ago

1.5.0

6 years ago

1.4.0

6 years ago

1.3.0

7 years ago

1.2.0

7 years ago

1.1.0

7 years ago