Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

<Rail /> Component #181

Closed
levithomason opened this issue Mar 16, 2016 · 2 comments · Fixed by #330
Closed

<Rail /> Component #181

levithomason opened this issue Mar 16, 2016 · 2 comments · Fixed by #330
Labels
enhancement help wanted
Milestone
v1.0

Comments

@levithomason
Copy link
Member

http://semantic-ui.com/elements/rail.html
@levithomason levithomason added this to the v1.0 milestone Mar 16, 2016
@layershifter
Copy link
Member

API

Types

Rail

A rail can be presented on the left or right side of a container

<div class="ui left rail">Left Rail Content</div>
<div class="ui right rail">Right Rail Content</div>
<Rail position='left'>Left Rail Content</Rail>
<Rail position='right'>Right Rail Content</Rail>

Internal

A rail can attach itself to the inside of a container

<div class="ui left internal rail">Left Rail Content</div>
<Rail internal position='left'>Left Rail Content</Rail>

Dividing

A rail can create a division between itself and a container

<div class="ui left dividing rail">Left Rail Content</div>
<Rail dividing position='left'>Left Rail Content</Rail>

Variations

Attached

A rail can appear attached to the main viewport

<div class="ui left attached rail">Left Rail Content</div>
<Rail attached position='left'>Left Rail Content</Rail>

Close

A rail can appear closer to the main viewport

<div class="ui left close rail">Left Rail Content</div>
<div class="ui left very close rail">Left Rail Content</div>
<Rail close position='left'>Left Rail Content</Rail>
<Rail close='very' position='left'>Left Rail Content</Rail>

Size

A rail can have different sizes

<div class="ui left mini rail">Left Rail Content</div>
<Rail position='left' size='mini'>Left Rail Content</Rail>

Note: Component haven't all sizes

@levithomason
Copy link
Member Author

No comment, API looks great.

On the SUI side of things, I'm not sure what the sizes are supposed to do. They don't seem to change anything for me.

layershifter pushed a commit to layershifter/stardust that referenced this issue Jul 12, 2016
(feat) Rail Semantic-Org#181
95cfe48
@layershifter layershifter mentioned this issue Jul 12, 2016
Merged
layershifter pushed a commit to layershifter/stardust that referenced this issue Jul 12, 2016
(feat) Rail Semantic-Org#181
d2cfef8
layershifter pushed a commit to layershifter/stardust that referenced this issue Jul 14, 2016
(feat) Rail docs Semantic-Org#181
97aac53
layershifter pushed a commit to layershifter/stardust that referenced this issue Jul 14, 2016
(fix) Sort Rail props Semantic-Org#181
d9c324b
layershifter pushed a commit to layershifter/stardust that referenced this issue Jul 14, 2016
(fix) Rail review fixes Semantic-Org#181
7db8305
layershifter added a commit to layershifter/stardust that referenced this issue Jul 14, 2016
@layershifter
(fix) Rail review fixes Semantic-Org#181
bd296b5
layershifter added a commit to layershifter/stardust that referenced this issue Jul 14, 2016
@layershifter
(fix) Rail review fixes Semantic-Org#181
c3682a0
layershifter added a commit to layershifter/stardust that referenced this issue Jul 14, 2016
@layershifter
(fix) Rail sizes Semantic-Org#181
d74e4f6
layershifter added a commit to layershifter/stardust that referenced this issue Jul 14, 2016
@layershifter
(fix) Rail sizes in docs Semantic-Org#181
3127c4a
levithomason pushed a commit that referenced this issue Jul 14, 2016
@layershifter @levithomason
Add Rail component (#330)
3813afb 
* (feat) Rail #181

* (feat) Rail #181

* (feat) Rail docs #181

* (fix) Sort Rail props #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail sizes #181

* (fix) Rail sizes in docs #181
levithomason pushed a commit that referenced this issue Jul 18, 2016
@layershifter @levithomason
Update Statistic to v1 API (#334)
9fcaae2 
* (feat) Rail #181

* (feat) Rail #181

* (feat) Rail docs #181

* (fix) Sort Rail props #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail sizes #181

* (fix) Rail sizes in docs #181

* (fix) Statistic

* (feat) Statistic Item

* (feat) Statistic Label and Value

* (feat) Statistic Group

* (fix) Statistic fix sizes

* (fix) Statistic functionality

* (fix) Statistic docs

* (fix) Statistic lint fixes

* (fix) Statistic tests

* (Statistic) Remove shorthands

* (utils) Update numberToWord

* (Statistic) Fix returned JSX

* (utils) Update numberToWord, fix imports

* (Statistic) Update widths usage

* (Statistic) Fix JSDoc

* (Statistic) Update `rest` prop

* (utils) implementsNumberToWordProp test

* (Statistic) Test update

* fix(Statistic) Fix example
jhchill666 pushed a commit to jhchill666/stardust that referenced this issue Jul 19, 2016
@layershifter
Add Rail component (Semantic-Org#330)
3cc944a 
* (feat) Rail Semantic-Org#181

* (feat) Rail Semantic-Org#181

* (feat) Rail docs Semantic-Org#181

* (fix) Sort Rail props Semantic-Org#181

* (fix) Rail review fixes Semantic-Org#181

* (fix) Rail review fixes Semantic-Org#181

* (fix) Rail review fixes Semantic-Org#181

* (fix) Rail sizes Semantic-Org#181

* (fix) Rail sizes in docs Semantic-Org#181
jhchill666 pushed a commit to jhchill666/stardust that referenced this issue Jul 19, 2016
@layershifter
Update Statistic to v1 API (Semantic-Org#334)
6106b01 
* (feat) Rail Semantic-Org#181

* (feat) Rail Semantic-Org#181

* (feat) Rail docs Semantic-Org#181

* (fix) Sort Rail props Semantic-Org#181

* (fix) Rail review fixes Semantic-Org#181

* (fix) Rail review fixes Semantic-Org#181

* (fix) Rail review fixes Semantic-Org#181

* (fix) Rail sizes Semantic-Org#181

* (fix) Rail sizes in docs Semantic-Org#181

* (fix) Statistic

* (feat) Statistic Item

* (feat) Statistic Label and Value

* (feat) Statistic Group

* (fix) Statistic fix sizes

* (fix) Statistic functionality

* (fix) Statistic docs

* (fix) Statistic lint fixes

* (fix) Statistic tests

* (Statistic) Remove shorthands

* (utils) Update numberToWord

* (Statistic) Fix returned JSX

* (utils) Update numberToWord, fix imports

* (Statistic) Update widths usage

* (Statistic) Fix JSDoc

* (Statistic) Update `rest` prop

* (utils) implementsNumberToWordProp test

* (Statistic) Test update

* fix(Statistic) Fix example
levithomason pushed a commit that referenced this issue Aug 4, 2016
@layershifter @levithomason
Update Grid to v1 API (#351)
d17b252 
* (feat) Rail #181

* (feat) Rail #181

* (feat) Rail docs #181

* (fix) Sort Rail props #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail sizes #181

* (fix) Rail sizes in docs #181

* fix(Grid) Initial of update to v1 API

* fix(Grid) Classname fix

* fix(Grid) First test

* fix(Grid) More docs

* feat(Grid) More docs

* fix(Grid) More docs and prop fixes

* fix(Grid) More docs

* fix(Grid) More docs

* fix(Grid) More docs

* fix(Grid) More docs

* fix(Grid) Tests

* fix(Grid) Update aligned prop, introduce textAlign and verticalAlign

* fix(Grid) Update columns prop

* fix(Grid) Remove divider from docs

* fix(Grid) Fixes in docs

* fix(Grid) Fixes in JSDoc

* fix(Grid) Fixes in JSDoc

* fix(Grid) Fixes in tests

* fix(Grid) Fixes in docs
levithomason pushed a commit that referenced this issue Aug 10, 2016
@layershifter @levithomason
Add Step component (#335)
63aa837 
* (feat) Rail #181

* (feat) Rail #181

* (feat) Rail docs #181

* (fix) Sort Rail props #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail sizes #181

* (fix) Rail sizes in docs #181

* (feat) Step Title

* feat(Step) Step component

* feat(Step) Step component

* feat(Step) Step component

* feat(Step) Examples and implements

* feat(Step) Fix

* fix(Step) Refactor fragment

* feat(Step) Shorthand props

* feat(Step) More docs and feats

* feat(Parts) Title & Description

* feat(Parts) Move code to parts

* feat(Parts) Step cleanup

* fix(Step) Fix doc and prop

* fix(Step) Fix for content

* fix(Step) Fix examples and components

* fix(Step) Fix comment

* fix(Step) Fix prop and tests

* fix(Step) Content test

* feat(Step) Tests for group

* feat(Step) Tests for Step

* fix(Step) Add test for children

* fix(Step) Update example

* fix(Step) Remove library from _meta

* fix(Step) Fix link example

* fix(Step) Update components, docs and tests
layershifter added a commit that referenced this issue Aug 14, 2016
@layershifter
Add Step component (#335)
e96a0e9 
* (feat) Rail #181

* (feat) Rail #181

* (feat) Rail docs #181

* (fix) Sort Rail props #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail review fixes #181

* (fix) Rail sizes #181

* (fix) Rail sizes in docs #181

* (feat) Step Title

* feat(Step) Step component

* feat(Step) Step component

* feat(Step) Step component

* feat(Step) Examples and implements

* feat(Step) Fix

* fix(Step) Refactor fragment

* feat(Step) Shorthand props

* feat(Step) More docs and feats

* feat(Parts) Title & Description

* feat(Parts) Move code to parts

* feat(Parts) Step cleanup

* fix(Step) Fix doc and prop

* fix(Step) Fix for content

* fix(Step) Fix examples and components

* fix(Step) Fix comment

* fix(Step) Fix prop and tests

* fix(Step) Content test

* feat(Step) Tests for group

* feat(Step) Tests for Step

* fix(Step) Add test for children

* fix(Step) Update example

* fix(Step) Remove library from _meta

* fix(Step) Fix link example

* fix(Step) Update components, docs and tests
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement help wanted
Projects
None yet
Milestone
v1.0
Development

Successfully merging a pull request may close this issue.

Add Rail component layershifter/stardust
2 participants
@levithomason @layershifter