File tree
2,617 files changed
+2584
-67879
lines changed- PatternFly 4 - Library and template
- Symbols-SVGs
- Accordion
- Content
- Toggle
- Bordered
- Large bordered
- Alerts
- Inline
- 1. Default
- 9. Expandable
- 2. Success
- 9. Expandable
- 3. Warning
- 9. Expandable
- 4. Danger
- 9. Expandable
- 5. Info
- 9. Expandable
- 6. Custom
- Plain inline
- 1. Default
- 2. Success
- 3. Warning
- 4. Danger
- 5. Info
- Toast
- 1. Default
- 5. Expandable
- 2. Success
- 5. Expandable
- 3. Warning
- 5. Expandable
- 4. Danger
- 5. Expandable
- 5. Info
- 5. Expandable
- 6. Custom
- Application launcher
- 1. Background
- 2. Menu Item
- 1. No icons/ 1. Basic / 2. Hover
- 2. With icons / 1. Basic / 2. Hover
- 2. Menu Item
- 1. No icons
- 1. Basic
- 2. Hover
- 2. With favoriting
- 1. Default
- 2. Hover
- 1. Full item hover
- 2. With icons
- 1. Basic
- 2. Hover
- 2. With favoriting
- 1. Default
- 2. Hover
- 1. Full item hover
- 2. With favoriting
- 3. Group header
- Badge
- Banner
- 1. Default
- 2. Informational
- 3. Success
- 4. Warning
- 5. Danger
- Breadcrumbs
- 3. Section title
- Stem
- Button
- 1. Primary
- Progress
- With icon
- 10. Icon button
- 11. Call to action
- 12. Back to top
- 13. Toggle
- 2. Secondary
- Progress
- With icon
- 3. Danger Seconday
- 4. Tertiary
- 5. Destructive
- 6. Warning
- 7. Link button
- 5. No padding
- 6. Danger
- 8. Link button with left icon
- No padding
- No padding
- 9. Link button with right icon
- No padding
- Card
- Background
- 3. Actionable card
- Legacy
- Compact (16px spacers)
- Default (24px spacers)
- Marketing card (32px spacers)
- With logo
- Charts
- Area
- Axis
- Bar
- Horizontal
- Vertical
- Bullet
- Full
- Horizontal
- Vertical
- Donut
- Default size
- Utilization with thresholds
- Small size
- Utilization with thresholds
- Line
- Pie
- Sparkline
- Stack
- Chips
- Chip Group
- Group
- Show Less
- Show More
- Code editor
- Code area
- 1. Read-only
- 2. Editable
- Language tab
- Snippet
- Dark Theme
- Button
- Icon button
- Link button
- Secondary
- Call to action
- Code snippet
- Dropdowns
- Text Box
- Data list and tables
- 1. Table header
- Background (16px spacers)
- Background (8px spacers)
- Compact (8px spacers)
- Large (16px spacers)
- 2. Default size row
- 1. With checkbox
- 2. Expandable
- 3. Expandable panel
- 4. Draggable expandable
- 4. Favoritable
- 5. With radio button
- 6. Tree table
- 3. Compact size row
- 1. With checkbox
- 2. Expandable
- 3. Expandable panel
- 4. Draggable expandable
- 4. Favoritable
- 5. With radio button
- 6. Tree table
- 4. Compact borderless row
- 1. With checkbox
- 2. Expandable
- 4. Draggable expandable
- 4. Favoritable
- 5. With radio button
- 5. Default selectable row
- 2. Selectable Expandable
- With checkbox
- 1. Selectable
- 2. Selectable Expandable
- With checkbox
- 6. Compact selectable row
- 1. Selectable
- 4. With checkbox and expandable
- 4. With checkbox
- 2. Selectable Expandable
- 7. Column management (OLD)
- 8. Sticky columns
- 9. Compound expansion toggle
- 1. Default
- 1. Active toggle
- 1. Default
- 2. Hover
- 1. Unselected toggle
- 1. Default
- 2. Hover
- 2. Compact /
- 1. Active toggle
- 1. Unselected toggle
- Pieces / Background
- 1. With line (Compact or Large)
- Grey
- 2. Compact (8px spacers) w no line
- Grey
- Datepicker
- 1. Input
- 4. Pieces
- 1. Day
- 2. Year
- Date range
- 2. From
- 3. To
- Divider
- Drawer
- 1. Basic overlay
- 2. Inline
- 3. Inline (grey)
- Dropdowns
- 1. Toggle
- Primary toggle
- Secondary toggle
- Split
- Action
- With Text
- With icon
- With typeahead
- 3. Menu Item
- 11. Favorites
- Single item
- With description
- 4. Multiselect
- 6. With arrow
- 7. With icon
- 8. With description
- With checkbox
- Dual list
- 1. Single level
- 2. Multi level folder
- Default
- Selected
- 3. Multi level item
- Default
- Selected
- 4. Drag and drop
- Empty state
- Expandable
- 3. Disclosure
- Forms
- 1. Labeled Field
- 10. Form section
- Field group - default
- With actions - buttons
- With actions - icons
- Without actions
- Field group - with description
- With actions - buttons
- With actions - icons
- Without actions
- Nested group - default
- With actions - buttons
- With actions - icons
- Without actions
- Nested group - with description
- With actions - buttons
- With actions - icons
- Without actions
- 11. Code block
- 12. Clipboard copy
- 1. Basic
- 2. Expandable
- 3. Inline
- 13. Number input
- 2. Text Box
- Text Area
- With Icon
- 3. Toggles
- 4. Checkbox
- 5. Radio Button
- 6. Icon Field
- 7. Switches
- 8. Field Label
- Underlined
- Optional
- Optional
- Required
- Hint
- Icons / PatternFly
- Icons
- 1. Size md
- Actions
- Brands
- Framework
- Object
- Status
- View Type
- 2. Size sm
- Actions
- Brands
- Framework
- Object
- Status
- View Type
- 3. Size lg
- Actions
- Brands
- Framework
- Object
- Status
- View Type
- 4. Size xl
- Actions
- Brands
- Empty state
- Framework
- Object
- Status
- View Type
- 5. Size 2xl - Empty state
- About modal
- Web Componenta
- Jump links
- 2. Horizontal
- 3. Vertical
- 4. Vertical subsection
- 5. Mobile
- Labels
- 1. Grey / 2. Compact / 1. Filled
- 1. Default
- 2. Hover
- 1. Grey
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled / 1. Default
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 2. Blue
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Green
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 2. Outline / 1. Default
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 4. Orange
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 5. Red
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 6. Purple
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 7. Cyan
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 8. Gold
- 1. Default
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 2. Compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 3. Editable
- Filled
- No icon
- With icon
- Outline
- No icon
- With icon
- 4. Editable compact
- 1. Filled
- 1. Default
- 2. Hover
- 2. Outline
- 1. Default
- 2. Hover
- 9. Label group
- 1. Group
- 2. Show more
- 3. Show less
- List
- 1. Basic
- 2. Link
- 2. Inline
- 1. Read only
- 2. Link
- First and middle items
- Last item
- 3. Ordered
- 2. Link
- 4. Horizontal rules
- 1. Ready only
- 2. Link
- First and middle items
- Last item
- 5. With small icons
- 1. Read only
- 2. Link
- First and middle items
- Last item
- 2. Link
- First and middle items
- Last item
- 6. With large icons or logos
- 1. Icons
- 1. Read only
- 2. Link
- First and middle items
- Last item
- 2. Logos
- 1. Read only
- 2. Link
- First and middle items
- Last item
- Last item
- Loaders
- 1. Spinner
- 2. Skeleton
- 1. Default
- 2. Circle
- 3. Square
- 4. Rectangle
- Masthead
- 2. Logo
- 4. Icon
- Help
- Notifications
- 1. No Count
- 1. Read
- 2. Count
- 1. Read
- Settings
- 5. User Info
- 6. Logo (format)
- 8. Avatar
- Avatar dark bordered
- Avatar light basic
- Avatar light bordered
- 8. Search input
- Context selector
- Masthead
- Mobile
- Data List
- 1. Compact (8px)
- 2. Large (16px)
- Masthead
- Logo
- Table
- 1. Compact (8px)
- 2. Large (16px)
- Toolbar
- Wizard
- Header
- Step
- Substep
- Step
- 1. First
- 2. After first
- Substep
- Toggle
- Mobile/Wizard/Header/Step
- Modal
- Notification Drawer
- Group
- Header
- Notification
- 1. Info
- Default
- Hover
- 2. Success
- Default
- Hover
- 3. Warning
- Default
- Hover
- 4. Danger
- Default
- Hover
- 5. Recommendation
- Default
- Hover
- 6. Custom
- Default
- Hover
- 6. Custom
- Default
- Hover
- Pagination
- Password strength
- Pointer
- Popover
- 5. No Header
- 6. Alert popover
- Pieces
- Progress Bar
- 1. In Progress
- 2. Success
- 3. Failure
- Progress stepper
- 1. Horizontal items
- Completed
- Pending
- 1. Horizontal items
- Completed
- Error
- In progress
- Pending
- 2. Vertical items
- 3. Line
- Progress stepper/ 1. Horizontal items
- Completed
- Error
- In progress
- Pending
- Scroll Bar
- Search input
- Active
- Auto-complete
- Match background
- Simple list
- Item
- Slider
- 3. Circle
- Spacer
- Horizontal
- Vertical
- Splitter
- Tabs
- 1. Horizontal
- 1. Open
- 5. Dropdown
- 1. Closed
- 2. Opened
- 2. Open - with icon
- 3. Box (grey bg)
- 1. First tab
- 2. After first tab
- 4. Box (white bg)
- 1. First tab
- 2. After first tab
- 5. Secondary
- 6. Box (grey bg) - With icon
- 1. First tab
- 2. After the first tab
- 7. Box (white bg) - With icon
- 1. First tab
- 2. After the first tab
- 2. Vertical
- 1. Open
- 1. First tab
- 2. Middle tab
- 3. Last tab
- 2. Box
- 1. First tab
- 2. Middle tab
- 3. Last tab
- 4. Overflow arrows
- Left
- Right
- Tile
- 1. Basic tile
- 1. Text only
- With subtext
- Without subtext
- 2. Text with icon
- With subtext
- Without subtext
- 2. Stacked tile
- Icon
- Logo
- 3. Large stacked tile
- Icon
- Logo
- Timestamp
- Toggle group
- Compact (on white bg)
- On grey bg
- Icon
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Text + Icon on left
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Text + Icon on right
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Text
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- On white bg
- Icon
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Text + Icon on left
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Text + Icon on right
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Text
- 1. Left
- 2. Center
- 3. Right
- 4. Single item
- Toolbar
- Bottom
- Tooltip
- Tree view
- 1. Default
- Folder
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- Item
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- 2. With checkbox
- Folder
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- Item
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- 3. With icon
- Folder
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- Item without icon
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- Item
- 1. First level
- 2. Second level
- 3. Third level
- 4. Fourth level
- 5. Guides
- Background
- Wizard
- 2. Step
- With Arrow
- 3. Substep
- Step
- With Arrow
- Substep
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
2,617 files changed
+2584
-67879
lines changedBinary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Loading
0 commit comments